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

Question

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

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

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

标签： javascriptangular

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>

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