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")

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

有没有人知道如何修复1和2或在intellij引用中有woking我可以检查？我用过这篇文章：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/