AngularJS : ng-model数据绑定之全选

10月 12, 2017

分类:Web

angularJS

实现：

全选需求，点击全选checkbox下面的复选框全部被选中

数据绑定全选

分析：

全选部分使用双向数据绑定ng-model, 下面每个复选框使用单向数据绑定（view->model）ng-checked

代码：

01<table>
02    <tr>
03        <td>全选 <input type="checkbox" ng-model="allChecked"></td>
04        <td>姓名</td>
05    </tr>
06    <tr>
07        <td><input type="checkbox" ng-checked="allChecked"></td>
08        <td>张三</td>
09    </tr>
10    <tr>
11        <td><input type="checkbox" ng-checked="allChecked"></td>
12        <td>李四</td>
13    </tr>
14    <tr>
15        <td><input type="checkbox" ng-checked="allChecked"></td>
16        <td>王五</td>
17    </tr>
18</table>