使用 mat-checkbox 看不到 Angular 复选框答案

【问题标题】：Angular checkbox not visible using mat-checkbox使用 mat-checkbox 看不到 Angular 复选框
【发布时间】：2019-08-29 20:52:32
【问题描述】：

我试图在 Angular UI 中显示复选框

<mat-checkbox [(ngModel)] = "item.role" [checked]="false"> 
  <label>IT Admin</label> 
</mat-checkbox>

我在下面附上了图片，如果我尝试为 mat-checkbox 创建样式，则会应用包括标签在内的样式。

【问题讨论】：

您好，将绑定 [checked]="false" 更改为 [checked]="item.role"，我不明白您的问题是什么。
未点击复选框时，该框不可见

标签： javascript angular

【解决方案1】：

样式应用于标签，因为标签位于 mat-checkbox 标签内。如果可以，请尝试将它们分开并使用表单组。

<div class="form-group"> <label for="role">IT Admin</label> <mat-checkbox id="role" [(ngModel)]="item.role" [checked]="item.role"></mat-checkbox> </div>

这是假设您使用的是表单。

【讨论】：

嗨尼克，我不关心标签，我希望复选框即使没有被点击也能显示
哦，我明白了。我误解了这个问题。您是否尝试过向 mat-checkbox 添加一个带边框的类，例如
谢谢我现在可以单独设置复选框的样式
可能值得注意的是 MatCheckboxModule 应该被导入到 app.module.ts 中，如果缺少它，更高版本的 Angular 可能不会报错。
@karansys：请提供您的解决方案。