Как установить значение по умолчанию для флажка в Angular?

Question

У меня есть следующий код:

<input type="checkbox" [(ngModel)]="i.checkt" [ngModelOptions]= 
{standalone:true} (change)="recovery(i.checkt,i.TherapeuticArea)"> 
{{i.TherapeuticArea}}

Проблема, с которой я сталкиваюсь, заключается в том, что с автономным: true каждый флажок установлен по умолчанию, а когда автономный установлен на false, флажок не работает.Есть ли способ установить значение флажка как непроверенное при полной функциональности для пользователя?

Answer 1

Вам необходимо установить атрибут checked на входе следующим образом:

<input type="checkbox" [(ngModel)]="i.checkt" [ngModelOptions]={standalone:true} 
(change)="recovery(i.checkt,i.TherapeuticArea)" [checked]="i.checkt"> 

Но я бы порекомендовал @ Флориану прокомментировать использование FormControl для управления входами из пользовательского интерфейса.По моему мнению, это сэкономит вам много времени и облегчит обслуживание.