参见英文答案 >
Can’t bind to ‘ng-forOf’ since it isn’t a known native property 9个
无法绑定到’ngforOf’,因为它不是已知的本机属性
无法绑定到’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’,因为它不是已知的本机属性
解决方法
注意套管,它是* ngFor(大写字母F),而不是* ngfor或ng-for.
要修复您的示例,请使用：
... <ul><li *ngFor="#color of colors"> ...
请注意,它是* ngFor,而不是* ngfor.
两个掠夺者显示问题和纠正：
这是一个plunker with that same error you have(查看app / app.component.ts和控制台)：
Can’t bind to ‘ngforOf’ since it isn’t a known native property
然后修复完全相同的代码,在this other plunker(刚刚更改了* ngFor的F).
最新的Angular版本
在Angular的最新版本中,我们有@NgModule,需要一些额外的配置.
要获得* ngFor,您需要在app模块中导入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 { }
