目录：

$rootScope，ng-app，.run()，ng-include，ng-repeat，ng-if，ng-switch，ng-init

ng-show/ng-hide，ng-model，ng-bind-template，ng-change，ng-submit，ng-cloak，ng-bind

 

详细介绍：

$rootScope

是作用域链的起始点，任何嵌套在ng-app内的指令都会继承$rootScope

 

ng-app

任何具有ng-app属性的dom元素都将被标记为$rootScope的起始点

 

.run()

.run()可以通过此方法来访问/设置$rootScope

 

ng-include

把外部的html片段包含到当前元素里作为当前元素的子元素。还可以规定作用域，写法看下面代码，注意外部文件地址的引号的写法，跨域的文件不可以引入哦

 

ng-repeat

用来遍历数组或者对象。

    
                 
     
    
      
                              
        
                     
{
   {v.name}}
                     
{
   {v.age}}
                     
{
   {v.score}}
                
           
      
    
      
        
               
       
{
   {v}}
    
      
     

 

ng-if

可以完全根据表达式返回的布尔值在dom中生成或移除一个元素，false移除，true生成。移除的时候不管对该元素做过什么设置，当再次生成的时候这些设置都不在了，就像恢复了出厂设置一样。

     
     
          我是给ng-if返回false的div
     
     
          我是给ng-if返回true的div
     

 

ng-switch

ng-switch ng-switch-when ng-switch-default就像switch语句一样使用

     
    
          
          
      
        
       
default
        
       
{
   {person.name}}
    
      
     

 

ng-init

设置内部作用域的初始值。

     
    
      
{
   {name}}{
   {age}}岁啦
     

 

ng-show/ng-hide

根据条件返回的布尔值 显示或隐藏元素

　　
     
          　　第一个div  2+2 == 4 ng-show　　
     
　　
     
          　　第二个div 2+2 == 4  ng-hide　　
     

 

ng-model

用来将input select textarea 或自定义表单控件同包含它们的作用域中的属性进行绑定

     
     
    
          
      
{
   {data}}
     

 

ng-change

在表单输入发生变化时触发。要配合ng-model使用

     
    
          
      
{
   {data.child}}
     

 

ng-submit

用来将表达式同onsubmit事件进行绑定，这个指令会阻止默认发送请求，前提是form没有action属性

 

ng-bind

在使用 {

{ }} 绑定数据时在数据没有加载出来时会发生闪烁的现象，使用ng-bind来绑定数据不会出现闪烁的问题

 

ng-cloak

除了用ng-bind来解决闪烁问题外，还可以用ng-cloak来解决，它会将内部元素隐藏，直到数据出来后才显示内部元素

     
    
      
{
   {data}}
     

 

ng-bind-template

同ng-bind指令类似，用来在视图中绑定多个表达式