应用里面有些元素你可能希望在特定的条件下显示或者隐藏起来，我们可以根据不同的情况，使用 ngShow ，还有 ngHide 这两个指令。ngShow 可以在表达式计划出来的结果为 true 的时候显示元素，在 false 的时候隐藏元素，ngHide 正好相反，会在计算结果是 true 的时候隐藏元素，在 false 的时候显示元素。

现在，这个列表项目里面都有两个小图标 ，一个表示未勾选的小图标，另一个表示已经勾选上的小图标。 在 subscribe 的值是 ture 的时候，我们希望隐藏这个未勾选的图标，显示已勾选的小图标。如果项目的 subscribe 的值是 false 的话，显示未勾选，隐藏已勾选小图标。

在这个未勾选的小图标元素上面，我们使用一个 ngHide 指令 ... 用一个 ng-hide 属性 ... 它的值就是 subscribe 的值 ...

<span class="glyphicon glyphicon-unchecked" ng-hide="show.subscribe"></span>

然后在这个已勾选的小图标的元素上，使用一个 ng-show ... 它的值，也设置成 subscribe 的值 ...

<span class="glyphicon glyphicon-check" ng-show="show.subscribe"></span>

保存 ... 你会看到，在复选框打勾的项目上，会显示这个已勾选的小图标，在复选框上没打勾的项目上，会显示表示未勾选的这个小图标 ... 我们可以再点击一下这个勾选了的复选框，这样会改变 subscribe 的值，把 true 换成了 false ... 也就会把已勾选的小图标隐藏起来，把表示未勾选的小图标显示出来 ...