Angular2：带有标签的输入复选框在表格中不起作用

Question

我需要在其中一个列中创建具有独立复选框的表。该按钮的样式与此处一样(在标签内部强制输入(。我的问题是，它位于表中时不会改变状态。(超越表工作正常(

<table>
    <thead>
       <tr>
         <th>Check</th>
       </tr>
    </thead>
    <tbody>
     <tr *ngFor="let item of items">
       <td>
         <label class="switch">
           <input type="checkbox" (click)="changed($event)">
           <div class="slider"></div>
         </label>
       </td>
     </tr>
    </tbody>
</table>

我还尝试在每个输入中添加特定的ID，但没有成功。

Answer 1

<table>
<thead>
   <tr>
     <th>Check</th>
   </tr>
</thead>
<tbody>
 <tr *ngFor="let item of items">
   <td>
     <label class="switch">
       <input type="checkbox" (change)="changed($event)" >
       <input type="checkbox" (change)="changed($event, item)" [checked]="item.checkbox">
       <div class="slider"></div>
     </label>
   </td>
 </tr>
</tbody>