angular - 无法绑定到“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”，因为它不是已知的本机属性

score 18 · Accepted Answer

注意大小写，是*ngFor（大写F），不是*ngfor或ng-for。

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

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

再次注意，它是*ngFor，不是*ngfor。

显示问题和更正的两个 plunker：

这是一个与您有相同错误的 plunker（查看 app/app.component.ts 和控制台）：

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

然后在另一个 plunker中修复了完全相同的代码（只是更改了Fof *ngFor）。

最新的 Angular 版本

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

要获得*ngFor，在您的应用程序模块中，您必须导入BrowserModule：

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

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

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

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