Angular 勾选=“已勾选”；勾选“；在mat复选框中添加ngModel时停止工作

我的mat复选框已选中=“已选中”在我向其添加ngModel时停止工作

这会奏效的

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

Zehahaha？

这是行不通的

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

Zehahaha？

---

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

您的ngModel代表您输入的值

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

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

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

---

检查

我需要一个大致的答案。如果我有多个复选框怎么办？如果动态生成复选框，该怎么办？我需要一些基于前端的东西。即使你想动态生成复选框，ngModel也是处理复选框值的好方法。网上有许多使用ngModel和checked的例子。对于动态和多重，您可以同时使用两者。您需要将一个布尔值传递给您的ngmodel或checked属性中的checked=“checked”。如果您使用Ngmodel，它将在整个过程中存储价值。

  checkthis:boolean = true;