Angular / Pug-由于无法绑定到“ ngforOf”

Question

1. 此代码引发异常

  

未捕获的错误：模板解析错误：由于以下原因无法绑定到“ ngforOf”   它不是“纸牌”的已知属性。   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模板解析器会尝试根据您的singleGrate.css("left", leftPercentage); 属性查找指令，但是由于 Angular模板语法区分大小写，因此无法执行。

您必须编写ngforof，以便它将转换为*ngFor=，并且Angular将能够找到专用的ngForOf指令。

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

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