javascript - 如何在选择复选框 Angular 2 时更改 ngFor 中的表达式

Question

这是我的 html 代码

<tr *ngFor="let Resolution of Resolutions">
<td>{{Resolution.steps}}</td>
   <td>
      <div class="col-sm-10 ">
         <div *ngFor="let Suggestion of Resolution.Suggestions">
            <label >
                <input #t (change)="actualActions(t.checked)" type="checkbox" value="{{Suggestion.item}}" checked="{{Suggestion.status}}" class="i-checks"> {{Suggestion.item}}
            </label>
         </div>
      </div>
   </td>
   <td><textarea value="{{Actualaction}}"></textarea></td>
</tr>

第一列将显示一些文本，第二列将使用另一个 ngFor 显示复选框。当我选择任何复选框时，我想在第三列中显示选中的复选框。

当我将所选值打印到第三列时，我知道如何在 jquery 中执行此操作，但不知道如何在 Angular2 中执行此操作。表中所有第三列数据都在变化我希望每行第二列的检查值显示在该特定行的第三列

Answer 1

您可以在第二个 for 循环中使用 let i=index 并在 change='actualActions(t.checked,i,建议)如下所示，

  *ngFor="let Resolution of Resolutions">
                            <td>{{Resolution.steps}}</td>
                            <td>
                            <div class="col-sm-10 ">
                                <div *ngFor="let Suggestion of Resolution.Suggestions;let i=index">
                                    <label >
                                        <input #t (change)="actualActions(t.checked,i,Suggestion )" type="checkbox" value="{{Suggestion.item}}" checked="{{Suggestion.status}}" class="i-checks"> {{Suggestion.item}}
                                    </label>
                                </div>
                            </div>
                            </td>
                            <td><textarea value="{{Actualaction}}"></textarea></td>
                        </tr>

在组件中

actualActions(checked, index, obj){
   if(checked){
      //this.Actualaction=index 
      //this.Actualaction=obj.something
   }
}