Angular 4.x:如何使用Angular 4.x中的按钮绑定表复选框？

Question

我是Angular 4.x的新手.我有一个html表.每行都有一个复选框和一个复选框.我想将复选框与按钮绑定,以便在选中复选框时启用该按钮,当取消选中该复选框时,该按钮被禁用:这是一个代码示例,但它不起作用:

  <tbody>
    <tr *ngFor="let item of mf.data; let i = index;">
      <td><input type="checkbox" value="" [checked]="item.checked"></td>

      <td>{{i}}</td>
      <td>{{item.name}}</td>
      <td>{{item.email}}</td>
      <td>{{item.age}}</td>
      <td>{{item.city | uppercase}}</td>
      <td><button type="button" class="btn btn-success" [disabled]="item.checked">start</button></td>
    </tr>
  </tbody>

你能帮我做这个工作吗？

Answer 1

用[(ngModel)].因为check不会启用双向绑定.它只处理单向变化

<td><input type="checkbox" value="" [(ngModel)]="item.checked"></td> 

使按钮禁用不等于项目检查,像这样 [disabled]="!item.checked"

<td><button type="button" class="btn btn-success" [disabled]="!item.checked">start</button></td>