javascript - 使用Mat-Checkbox不可见的Angular复选框

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

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

我已在下面附加图像，并且如果我尝试为mat-checkbox创建样式，则会应用包括标签在内的样式。

最佳答案

由于标签位于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>

这是基于您正在使用表单的假设。

关于javascript - 使用Mat-Checkbox不可见的Angular复选框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/57709641/