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

Posted 2021-05-06

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

这会奏效。

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

这不行。

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

注意：我需要一个通用的解决方案。我想在一个场景中使用它，我动态生成复选框。虽然将它绑定到vairiables是一个解决方案，但我想要一个我不必这样做的地方。

答案

你的ngModel代表你输入的值。

如果您使用的是ngmodel，则需要处理来自ts的ngmodel值

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

在你的ts文件中，你需要声明checkthis为boolean，并根据你的逻辑需要为它指定一个布尔值

  checkthis:boolean = true;

这将使您的复选框被选中。

检查here