如何在选择复选框角度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,Suggestion )中传递i with a particular object，如下所示，

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