首页 文章

't bind to ' ngforOf ' since it isn' t已知的原生 property [重复]

提问于
浏览 次
2

这个问题在这里已有答案：

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

angular angular-templatecache

1 回答

  • 10

    注意外壳， **it is ngFor (capital F), not ngfor or ng-for .

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

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

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

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

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

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

    然后修复完全相同的代码，在this other plunker（只是改变了 F 的 F ） .

    最新的Angular版本

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

    要获得 *ngFor ，请在 app module 中导入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 { }
    回复于

相关问题