Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
前言
最近在做一个项目改版，第一次在项目中真正使用Angular,和平时自己写写小demo,做做练习的感觉还是非常不同的，感觉非常的新鲜。有几个指令是经常用到的，这里由于这几个有点共性，所以一起介绍一下ng-if,ng-show/ng-hide,ng-switch这几个指令。下面来看看详细的介绍：
共性
1.这里个指令都是Angular框架提供给我们的设置页面内容显示和隐藏的方法，使用起来非常方便，尤其是做业务逻辑。
2.都是通过一个表达式的值来实现切换显示的，只不过ng-switch可以是其他值，ng-ifng-show就必须是boolen了。
3.我在使用过程中发现一个小技巧，我们通过表达式设置ng-if或者ng-show直接在页面中定义一个表达式，这个时候它的值其实是undefined，由于！==true所以这部分默认也是隐藏。
那么既然是不同指令，就各自有专攻，那我们就来看看他们分别都有什么果实能力。。。(不看海贼的可以无视哈~~)
ng-show/ng-hide
在用原生js或者jquery的时候，我们一般都可以定义一个类，通过添加和删除这个类来实现元素的显示和隐藏切换。其实这部分从网上参考资料来看，Angular也是这样实现的，根据表达式正确与否，动态添加或者删除ng-hide这个Angualr预先定义好的class。调用方式具体如下：
可以是设置一个变量
也可以是直接使用true/false
对于变量，我们在js中直接设置这个值就可以。
这个指令的特性是，即使我们暂时隐藏这部分内容，它也会被dom渲染。
ng-if
使用方式也是设置一个表达式：
可以是设置一个变量