使用 mat-checkbox 看不到角度復選框

Question

我試圖在 Angular 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>

這是在您使用表單的假設下。