如何在選擇的復選框角度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傳遞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
   }
}