Angular/Pug - 无法绑定到“ngforOf”，因为

Question

1. 此代码抛出异常

未捕获的错误：模板解析错误：无法绑定到“ngforOf”，因为 它不是“mat-card”的已知属性。 1. 如果'mat-card'是一个Angular组件并且它有'ngforOf'输入，那么验证它是这个模块的一部分。

div
  button(mat-raised-button, color='primary', (click)='createMocked()') Create Mocked
  div
    mat-card.Class(*ngfor="let room of rooms; let classroomIndex = index; trackBy: trackClass")

1. 如果我要添加引号，那么我将缺少 Intellij 的支持

有没有人知道如何修复 1 和 2 或有我可以检查的 intellij 参考？ 我用过这篇文章：https://medium.com/@MarkPieszak/using-pug-or-jade-templates-with-the-angular-cli-9e37334db5bc

Answer 1

错误

模板解析错误：无法绑定到“ngforOf”，因为它不是已知的 属性

表示 Angular 模板解析器尝试根据您的 ngforof 属性查找指令，但由于 Angular 模板语法区分大小写，因此无法找到。

你必须写 *ngFor= 这样它就会转换成 ngForOf 并且 Angular 将能够找到专用的 ngForOf 指令。

如果你好奇 Angular 如何将结构指令转换为 ng-template 语法，请查看：

• https://alexzuza.github.io/ng-structural-directive-expander/