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>

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

1 个答案: