隐藏和显示

指令ng-show和ng-hide 这两个指令的功能是等价的，但运行效果正好相反。也就是说ng-show为true时将会显示，为false时将会隐藏，而hide则相反。

1  2  3  4 
       5      6  7  8     按钮 9     
Hello World
10     11     20 21 

CSS类和样式

只要使用表达式{

{}}进行数据绑定就可以动态的设置css类和样式了，设置还可以在模板中构造css类名 的部分匹配。

1  2  3  4 
       5      6     11 12 13     按钮14     
Hello World
  15     16     25 26 

也可以使用style={

{expression}}，虽然这种方式具有很大的灵活性，但是也有一些不利的地方，当需要 同时在模板和Javascript中使用时，它很快就会变得无法维护，进而无法正确的创建CSS。正是由于这些原因 Angular提供了ng-class和ng-style指令。两个指令的写法如下：ng-class={className:bool,className:bool} ng-style={color:expression}

1  2  3  4 
       5      6     14 15 16     Error17     Warning18     
Hello World
19     20     37 38 

src和href

当在<img>或者<a>标签上进行数据绑定时，由于浏览器会优先使用并行的方式来加载图片和其他内容，所以Angular 没有机会拦截到数据绑定请求，所以angular使用了ng-src和ng-href。