Как отключить все другие флажки внутри ngfor, когда я выбираю флажок? - PullRequest
Новая
       12

Как отключить все другие флажки внутри ngfor, когда я выбираю флажок?

0 голосов
/ 14 апреля 2020

У меня есть список элементов внутри таблицы для каждого элемента. Я включаю флажок для редактирования и удаления значений. Но я могу установить только 1 флажок в то время, когда выбранные другие должны быть отключены. 

<tr *ngFor="let lists of resObj;let i = index">
              <td>
                <label class="check-box-block">
                  <input type="checkbox" (change)="selectBox($event, lists, lists.id,i)" id="checkBox"
                    [disabled]="chk" />
                  <span class="checkmark"></span>
                </label>
              </td>
</tr>

selectBox(event,list, id, i)
{
 if (event.target.checked) {
      this.chk = true;
      this.checkedArray.push(list);
    } else {
      this.chk = false;
      const newArr = this.checkedArray.filter(item => item !== list);
      this.checkedArray = newArr;
    }
  }
}

1 Ответ

0 голосов
/ 14 апреля 2020

вы можете использовать переменную "select" и использовать такие, как 

<input type="checkbox" [checked]="select==i" (change)="select=select==i?-1:i">

ПРИМЕЧАНИЕ: я не понимаю, что "выбранные другие должны быть отключены " (я полагаю, вы хотите сказать не проверено )

...