材质复选框选中的属性不起作用

dcp*_*450 2 angular-material angular

mat-checkboxchecked当属性设置为 true时,不默认检查:

<mat-checkbox value="true" formControlName="updates" checked="true">Get Updates</mat-checkbox>
Run Code Online (Sandbox Code Playgroud)

Eli*_*seo 5

不使用检查。如果您使用了反应式表单,则只需为该字段设置一个值

//When you create the form
this.form=new FormGroup({
   updates:new FormControl(true)
}
//Or in a function
this.form.get('updates').setValue(true)

<!--no value, no checked, just formControlName-->
<form [formGroup]="form">
   <mat-checkbox formControlName="updates" >Get Updates</mat-checkbox>
</form>
Run Code Online (Sandbox Code Playgroud)