无法绑定到“ngforOf”，因为它不是已知的本机属性

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

尝试通过 TemplateParser 或 RuntimeMetadataResolver 加载模板 并在 angular2 bootstrap 中注入 overwtitten 方法，例如对于运行时元数据解析器

模板正确加载其内容，但解析失败并出现错误

无法绑定到“ngforOf”，因为它不是已知的本机属性

注意外壳，it is *ngFor（首都F), not *ngfor or ng-for.

要修复您的示例，请使用：

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

再次注意，它是*ngFor, not *ngfor.

两个笨蛋展示了问题和更正：

这是一个与你有同样错误的笨蛋（查看 app/app.component.ts 和控制台）：

无法绑定到“ngforOf”，因为它不是已知的本机属性

然后完全相同的代码，固定在这另一个笨蛋（刚刚改变了F of *ngFor).

最新的 Angular 版本

在 Angular 的最新版本中，我们有@NgModule需要一些额外的配置。

To get *ngFor， 在你的应用程序模块你必须导入BrowserModule:

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

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

In 其他模块， 进口CommonModule:

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

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