AngularJS-数据绑定

1.概念

• 数据绑定就是将 模型里的数据 和 视图 进行关联。
• 单向数据绑定：只能模型里的数据，通过控制器显示到视图中
• 双向数据绑定：不仅模型里的数据可以传递到视图中，视图中的数据也可以回传给模型

2.实现

• 单向数据绑定：

  (1) ng-bind (绑定多个数据 ng-bind-template)

  (2) {{}} （网速较慢时会出现闪屏，用ng-cloak可以解决）

• 双向数据绑定
  ng-model

3.事件绑定

无需获取DOM元素，就可以绑定事件

• ng-click 点击事件
• ng-blur 失焦

• ng-repeat 循环

• ng-switch 筛选指定的值

• ng-switch-when

    <ul>
    <!--当变量item等于css时，输出-->
        <li ng-repeat='item in items' ng-switch='item'>
            <span ng-switch-when='css' ng-bind='item'></span>
        </li>
    </ul>