check = "checked" перестает работать, когда я добавляю ngModel в mat-checkbox

Question

Мой mat-checkbox флажок = "флажок" перестает работать, когда я добавляю к нему ngModel.

Это будет работать.

<mat-checkbox name="BlackBeard" ngModel checked = "checked"> Zehahaha? </mat-checkbox>

Это не будет работать.

<mat-checkbox name="BlackBeard" ngModel checked = "checked"> Zehahaha? </mat-checkbox>

Примечание: мне требуется решение, которое является общим.Я хочу использовать его в сценарии, где я динамически генерирую флажки.Хотя привязка его к vairiables - это решение, я хочу одно, где мне не нужно это делать.

Answer 1

ваша ngModel представляет значение для вашего ввода.

если вы используете ngmodel, вам нужно обработать значение ngmodel из вашего ts, например

<mat-checkbox name="BlackBeard" [(ngModel)]="checkthis"> Zehahaha? </mat-checkbox>

в вашем файле ts, вам нужно объявить checkthis как логическое и присвоить ему логическое значениевсякий раз, когда вам требуется согласно вашей логике как

  checkthis:boolean = true;

, этот флажок будет установлен.

отметьте здесь