当我在 mat-checkbox 中添加 ngModel 时，checked = "checked" 停止工作答案

【问题标题】：checked = "checked " stops working when I add ngModel in mat-checkbox当我在 mat-checkbox 中添加 ngModel 时，checked = "checked" 停止工作
【发布时间】：2019-04-27 18:32:02
【问题描述】：

当我向它添加 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>

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

【问题讨论】：

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

【解决方案1】：

您的 ngModel 代表您输入的值。

如果您使用的是 ngmodel，则需要像

一样处理 ts 中的 ngmodel 值

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

在您的 ts 文件中，您需要将 checkthis 声明为布尔值，并在需要时根据您的逻辑为其分配一个布尔值

  checkthis:boolean = true;

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

查看here

【讨论】：

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