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

Question

I'm trying to use the HTML tag to build a table and got the error in the title.

Here is the template:

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

I checked several threads and I correctly imported the BrowserModule in the app.module.ts and the CommonModule in the component related to this template.

I don't see what I have done wrong here :(

Thanks in advance for your help. Serge.

Answer 1

Exact syntax will be ngFor not ngfor so use your code like this-

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

for more type you can refer here

• https://angular.io/docs/ts/latest/api/common/index/NgFor-directive.html

Answer 2

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

has to be

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

You can use <ng-container> instead of <template> to be able to use the more common syntax

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

Answer 3

有一个小错字，

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