默认情况下选中复选框角度材料

Question

我正在尝试使用材质角度复选框,并将其默认设置为已选中,但它显示为未选中,有什么问题？

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

obj.impresora属性是布尔值

Answer 1

您可以使用[checked]属性设置ngModel.ngModel binded属性应设置为"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>

DEMO

Answer 2

这在Angular 7中对我有用

// in component.ts
checked: boolean = true;

changeValue(value) {
    this.checked = !value;
}

// in component.html
<mat-checkbox value="checked" (click)="changeValue(checked)" color="primary">
   some Label
</mat-checkbox>

我希望能帮助某人...问候。让我知道是否有人最简单