选中表格标题角度2中的所有复选框

时间:2017-02-24 13:11:23

标签: angular

我有一个第一列的表作为复选框

<table *ngIf="Results && Results.length">
    <thead>
        <tr>
            <th>
                <input type="checkbox" name="all"  />
            </th>
            <th>Location</th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let Result of Results; let i = index">
            <td>
                <input type="checkbox" name="size1" value="{{Result.id}}" [checked]="Result.State" />
            </td>
            <td>{{Result.Column1}}</td>
        </tr>
    </tbody>
</table>

我如何实现检查All并取消选中Angular2中的all,因为我在Result.State绑定中有来自数据库的数据,但是选中了复选框。 (这是有效的)。 我需要检查/取消选中用户是否手动输入以及是否检查了从数据库返回的所有项目。

1 个答案:

答案 0 :(得分:1)

您可以在打字稿中创建方法:

checkAll(){
   for(let i in this.results){
       this.results[i].State = true;
   }
}

从某个地方点击来调用它,例如:

<button (click)="checkAll()">Check all</button>