Html 如何在Angular中设置复选框的默认值?

Html 如何在Angular中设置复选框的默认值?,html,angular,checkbox,Html,Angular,Checkbox,我有以下代码: <input type="checkbox" [(ngModel)]="i.checkt" [ngModelOptions]= {standalone:true} (change)="recovery(i.checkt,i.TherapeuticArea)"> {{i.TherapeuticArea}} {{i.area} 我面临的问题是,使用standalone:true时,默认情况下会选中每个复选框,当standalone为false时,复选框不起作用。

我有以下代码:

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

{{i.area}

我面临的问题是,使用standalone:true时,默认情况下会选中每个复选框,当standalone为false时,复选框不起作用。在为用户提供完整功能的同时,是否有任何方法将复选框值设置为未选中?

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

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

但我建议@Florian使用FormControl来管理UI的输入。在我看来,它将为您节省大量时间,并且更易于维护。

请考虑