错误:模板解析错误:无法绑定到' ngForOf'因为它不是“模板”的已知属性。

时间:2017-04-05 09:29:16

标签: angular

我尝试使用HTML标记构建表格并在标题中出错。

以下是模板:

<template ngfor let-log [ngForOf]="logs">
  <tr>
    <td [lgStatus]="log.level" class="ion-record"></td>
    <td>{{log.timestamp | date:'medium'}}</td>
    <td>{{log.source}}</td>
    <td>{{log.message}}</td>
  </tr>
  <tr>
    <td colSpan="4">{{log.detailedMessage}}</td>
  </tr>
</template>

我检查了几个线程,并且我正确地导入了app.module.ts中的BrowserModule和与此模板相关的组件中的CommonModule。

我不知道我在这里做错了什么:(

提前感谢您的帮助。 哔叽。

3 个答案:

答案 0 :(得分:1)

确切语法为ngFor而不是ngfor所以请使用您的代码 -

<template ngFor let-log [ngForOf]="logs">

更多类型,你可以参考这里

答案 1 :(得分:0)

<template ngfor let-log [ngForOf]="logs">

必须是

<template ngFor let-log [ngForOf]="logs">
            ^

您可以使用<ng-container>代替<template>来使用更常见的语法

<ng-container *ngFor="let log of logs">

答案 2 :(得分:0)

有一个小错字,

<template ngFor let-log [ngForOf]="logs">