复选框默认选中角材料 [英] Checkbox angular material checked by default

问题描述

我正尝试使用角度材质"复选框，并默认将其设置为选中状态，但显示为未选中状态，这是怎么回事?

I am trying to use an Angular Material checkbox, and set it by default as checked, but it is displayed as non-checked, what is wrong?

<mat-checkbox class = "example-margin" [(ngModel)] = obj.impresora> 
     <label>Printer</label> 
</mat-checkbox>

obj.impresora属性为布尔值

obj.impresora property is boolean

推荐答案

您可以使用ngModel或[checked]属性进行设置. ngModel绑定属性应设置为"true":

You can either set with ngModel either with [checked] attribute. ngModel binded property should be set to 'true':

1.

  <mat-checkbox class = "example-margin" [(ngModel)] = "myModel"> 
    <label>Printer </label> 
  </mat-checkbox>

2.

<mat-checkbox [checked]= "myModel" class = "example-margin" > 
    <label>Printer </label> 
</mat-checkbox>

3.

<mat-checkbox [ngModel]="myModel" class="example-margin">
    <label>Printer </label> 
</mat-checkbox>

演示

这篇关于复选框默认选中角材料的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！