Angular - отключить только одну строку в таблице

Question

Я использую источник событий, чтобы получить значение disabledReason внутри *ngFor:

<tr *ngFor="let row of people; let i = index; trackBy: trackById">
  <td id="people-table-{{i}}">
    <fieldset [disabled]="disabledReason">
      <input  type="text" id="people-table-text{{i}}">
    </fieldset>
  </td>
</tr>

Проблема в том, что ввод для каждой строки таблицы отключается, а не только для требуемой строки.

Answer 1

Используйте индекс вместо логического значения для disabledReason и сравните его с отключаемым индексом строки:

disabledReason = 3; // will disable row index 3

<tr *ngFor="let row of people; let i = index; trackBy: trackById">
  <td id="people-table-{{i}}">
    <fieldset [disabled]="disabledReason === i">
      <input  type="text" id="people-table-text{{i}}">
    </fieldset>
  </td>
</tr>