始终检查角度matrial上的复选框

时间:2018-01-16 09:00:15

标签: angular angular-material

单击时,复选框的状态会一直变为相反的状态。如何在角度材料上实现静态且不可更改的复选框?

alwaysCheckStatus(e) {
  e.checked = true;
}
<mat-checkbox (change)="alwaysCheckStatus($event)"></mat-checkbox>

2 个答案:

答案 0 :(得分:2)

您可以将disabled属性设置为true。这是一种简单的方法来禁用复选框的双向数据绑定。

<mat-checkbox [disabled]="true"
              [checked]="someVariable">
</mat-checkbox>

希望这有帮助。

答案 1 :(得分:0)

如果您在mat-checkbox中使用mat-form-field,则无论您是否添加[,它都会将checkbox的值与form的值绑定在一起已检查]属性,还请确保表单值是boolean而不是{False}或“ True”的string