当我在mat-checkbox中添加ngModel时,checked =“ checked”停止工作

时间:2018-11-26 06:11:22

标签: angular typescript checkbox angular-material angular-ngmodel

当我向其添加ngModel时,我的mat-checkbox的checked =“ checked”停止工作。

这将起作用。

<mat-checkbox name="BlackBeard" ngModel checked = "checked"> Zehahaha? </mat-checkbox>

这不起作用。

<mat-checkbox name="BlackBeard" ngModel checked = "checked"> Zehahaha? </mat-checkbox>

注意:我需要一个通用的解决方案。我想在动态生成复选框的情况下使用它。尽管将其绑定到vairiables是一种解决方案,但我希望我不必这样做。

1 个答案:

答案 0 :(得分:1)

您的ngModel代表您输入的值。

如果您使用的是ngmodel,则需要处理ts中的ngmodel值,例如

<mat-checkbox name="BlackBeard" [(ngModel)]="checkthis"> Zehahaha? </mat-checkbox>

在ts文件中,需要根据逻辑

的需要,将checkthis声明为boolean并为其分配布尔值。
  checkthis:boolean = true;

这将使您的复选框处于选中状态。

检查here