无法绑定到＆＃39; ngforOf＆＃39;因为它不是一个已知的原生财产

Question

无法绑定到＆＃39; ngforOf＆＃39;因为它不是一个已知的原生财产

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

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

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

无法绑定到＆＃39; ngforOf＆＃39;因为它不是一个已知的原生财产

Answer 1

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

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

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

请注意，它是*ngFor，而不是*ngfor。

两个掠夺者显示问题和纠正：

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

  

无法绑定到＆＃39; ngforOf＆＃39;因为它不是一个已知的原生财产

然后在this other plunker中修改完全相同的代码（只更改了F的{​​{1}}）。

最新的Angular版本

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

要获得*ngFor，请在应用模块中导入BrowserModule：

*ngFor

In other modules，导入CommonModule：

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

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