不能绑定到“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 { }