Ошибка установки флажка Angular Material Design

Question

Я использую mat-checkbox, и по какой-то причине внутри него есть еще один флажок.Есть идеи, почему это могло произойти?

<mat-checkbox [(ngModel)]="checked" [indeterminate]="!checked && selectedRows?.length > 0" (click)="selectAllRowsInPage()"></mat-checkbox>

Answer 1

включить файл CSS в ваш индекс HTML.

<link href="node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet"> и код стекаблиц здесь: https://stackblitz.com/edit/angular-zynobt?file=src/index.html для более подробной информации посетите: https://material.angular.io/guide/theming