mat-checkbox inside *ngFor не работает должным образом в материале 6

Question

Я создаю чекбоксы внутри *ngFor, используя Angular 6 Material 6. Чекбоксы отображаются правильно. Но когда я нажимаю на любой из флажков, они мерцают и не могут быть проверены должным образом.

Я попробовал это в stackblitz, где это работает должным образом. Я не знаю, пропустил ли я что-нибудь. Я борюсь с прошлой недели.

Я правильно импортировал его в app.module.ts вот так:

import {MatCheckboxModule} from '@angular/material/checkbox';

Это мой код Пожалуйста, предложите мне любые зависимости, кроме этого, которые я должен включить.

<div *ngFor="let prop of reflectUI; let i = index">
    <mat-checkbox>prop</mat-checkbox>
</div>

Пожалуйста, ведите меня.

Answer 1

Я использовал ваш код, он работает должным образом, и я добавил ниже, так что выполните эти шаги, которые вы включили или нет, может быть, это полезно для вас.

Шаг 1: app.module.ts

import {MatCheckboxModule} from '@angular/material';

 imports: [MatCheckboxModule],

Шаг 2: styles.css

импортировать все ниже файлы css.

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import "~material-design-icons/iconfont/material-icons.css";
@import '~@angular/material/theming';

Шаг 3: Ваш код

 <div *ngFor="let prop of reflectUI; let i = index">
    <mat-checkbox>prop</mat-checkbox>
</div>