Javascript “角度”复选框使用mat复选框不可见

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

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

IT管理员

---

我在下面附上了一张图片，如果我试图为mat复选框创建样式，则将应用样式，包括标签。

样式将应用于标签，因为标签位于mat复选框标记的内部。如果可以的话，尝试将它们分开并使用表单组

IT管理员

---

这是在假设您正在使用表单的情况下进行的。

Hi，将绑定[checked]=“false”更改为[checked]=“item.role”，我不明白您的问题是什么。当未单击复选框时，复选框不可见Hi Nick，我不关心标签，我希望即使未单击复选框也能显示出来。哦，我明白了。我误解了这个问题。您是否尝试过将带有边框的类添加到mat复选框中，如“谢谢，我现在可以单独设置复选框的样式”值得注意的是，MatCheckboxModule应导入到app.module.ts中，Angular的更高版本可能不会显示错误（如果缺少）。