AngularJS：MVx框架，把数据、表现、逻辑分离开
 方便程序员——避免重复劳动（获取、事件）

版本：1.2.x 和 1.3.x



ng-bind 输出（不常用）
ng-app  范围

模板：{{}}，输出

1、ng-app=" "  定义angularJS的使用范围；

2、ng-init="变量=值;变量='值'"  初始化变量的值，有多个变量时，中间用分号隔开；

3、ng-model="变量"  定义变量名；

4、ng-bind="变量"  绑定变量名，获取该变量的数据。这里的变量就是第3条的变量名。但是一般都用双重花括号来获取变量的值，比如：{{变量}}。



ng-model 指令 绑定 HTML 元素 到应用程序数据。双向绑定

ng-model 指令也可以：

  • 为应用程序数据提供类型验证（number、email、required）。

  • 为应用程序数据提供状态（invalid、dirty、touched、error）。

  • 为 HTML 元素提供 CSS 类。

  • 绑定 HTML 元素到 HTML 表单。


1.Angular和JavaScript不互通
2.盯住数据




  

    
    Document
    
    


    
    
    
        
        
        

        
        result：`json`.`a-json`.`b`
    

2、class方法：ng-class



  

    
    Document
    
    
        .box {width: 200px;height: 300px;background: #CCC;}
        .box2 {width: 200px;height: 200px;background: red;}
    


    
    
    
        
        
         class第一种方法