javascript - 如何在选择复选框角度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

您可以let i=index在第二个 for 循环中使用并传入i with a particular object，change='actualActions(t.checked,i,Suggestion )如下所示，

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