これは私の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>
最初の列にはテキストが表示され、2 番目の列には別の ngFor を使用してチェックボックスが表示されます。チェックボックスのいずれかを選択すると、3 番目の列に、選択されているチェックボックスを表示したいと考えています。
選択した値を3番目の列に出力しているときに、jqueryでこれを行う方法は知っていますが、Angular2ではわかりません。テーブル内の 3 番目の列のデータがすべて変化しています。各行の 2 番目の列の値をチェックして、その特定の行の 3 番目の列に表示する必要があります。