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

问题描述

我正在尝试使用 Angular Material 复选框，并将其默认设置为选中，但显示为未选中，有什么问题?

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屋！