html - Angular 2 : input checkbox with label doesn't work in table

Question

我需要在其中一列中创建带有独立复选框的表格。该按钮的样式为 here (它强制在标签内输入)。我的问题是它在位于表中时不会更改状态。 (超越表工作正常)

<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>