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

Question

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

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

尝试通过 TemplateParser 或 RuntimeMetadataResolver 加载模板 并在 angular2 bootstrap 中注入 overwtitten 方法，例如对于 RuntimeMetadataResolver

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

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

Answer 1

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

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

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

请注意，这里是*ngFor，而不是*ngfor。

---

两个 plunker 显示问题和更正：

这是plunker with that same error you have（查看 app/app.component.ts 和控制台）：

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

然后在this other plunker 中修复完全相同的代码（只是更改了*ngFor 的F）。

---

最新的 Angular 版本

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

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

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

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

In other modules，导入CommonModule：

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

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