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

Question

我试图在有角度的UI中显示复选框

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

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

Answer 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>

这是在您使用表格的前提下。