不能綁定到「ngforOf」，因爲它不是一個已知的原生屬性

Question

不能綁定到「ngforOf」，因爲它不是一個已知的原生屬性

<h4>Colors bad boys</h4> 
    <ul><li [ERROR ->]*ngfor="#color of colors"> 
     <span>{{color.color | upperCase}}</span> 
     </li> 

試圖加載模板通過TemplateParser或RuntimeMetadataResolver 並在angular2引導中注入overwtitten方法例如對於RuntimeMetadataResolver

模板正確地加載其內容，但解析失敗，

不能綁定到「ngforOf」，因爲它不是一個已知的原生屬性

Answer 1

注重外殼中的錯誤， 它是*ngFor（大寫F），而不是*ngfor或ng-for。

要解決你的榜樣，使用方法：

... 
<ul><li *ngFor="#color of colors"> 
... 

通知，再次，它是*ngFor，不*ngfor。

---

兩個plunkers顯示問題和糾正：

這裏有一個plunker with that same error you have（看應用程序/ app.component.ts和控制檯）：

不能綁定到「ngforOf '因爲它不是已知的本地財產

然後完全相同的代碼固定在this other plunker（剛更改了F的*ngFor）。

---

最新的版本角

在最近版本的角度，我們有@NgModule S的需要一些額外的配置。

要獲得*ngFor，您應用模塊你必須導入BrowserModule：

import { BrowserModule } from '@angular/platform-browser'; 

@NgModule({ 
    imports:  [ BrowserModule ], 
    // ... 
}) 
export class AppModule { } 

In other modules，進口CommonModule：爲RuntimeMetadataResolver

import { CommonModule } from '@angular/common'; 

@NgModule({ 
    imports:  [ CommonModule ], 
    // ... 
}) 
export class OtherModule { }