如何在Angular中的复选框上设置默认值？

Question

我有以下代码：

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

我面临的问题是使用standalone：true时，默认情况下会选中每个复选框，而当standalone为false时，该复选框将无法使用。在为用户提供全部功能的同时，有没有办法将复选框的值设置为未选中？

Answer 1

您需要在输入上设置checked属性，如下所示：

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

但是我建议@Florian使用FormControl来管理来自UI的输入的评论。在我看来，这将为您节省大量时间，并使其更易于维护。