angular - *ngFor 中的 mat-checkbox 在材料 6 中无法正常工作

Question

我正在使用 Angular 6 Material 6 在 *ngFor 中生成复选框。复选框显示正确。但是当我单击任何一个复选框时，它们会闪烁并且无法正确检查。

我在 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>