1

これは私の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 番目の列に表示する必要があります。

4

1 に答える 1