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>

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

1 个答案: