Angular2：ラベル付きの入力チェックボックスがテーブルで機能しない

Question

カラムの1つに独立したチェックボックスを使用してテーブルを作成する必要があります。ボタンのスタイルはhereです（ラベル内に入力が強制されます）。私の問題は、テーブルにあるときに状態を変更しないことです。 （テーブルを超えてもOK）

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