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) であり、*ngfororng-forではありません。

例を修正するには、次を使用します。

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

繰り返しますが、それは*ngForであり、ではありません*ngfor。

問題と修正を示す 2 つのプランカー:

これは、あなたが持っているのと同じエラーのあるプランカーです(app/app.component.ts とコンソールを見てください):

既知のネイティブプロパティではないため、「ngforOf」にバインドできません

そして、この別のプランカーで修正されたまったく同じコード( of を変更しただけFです*ngFor)。

最新の Angular バージョン

Angular の最近のバージョンでは@NgModule、追加の構成が必要ながあります。

を取得する*ngForには、アプリモジュールで次をインポートする必要がありますBrowserModule。

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

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

他のモジュールでは、次をインポートしCommonModuleます。

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

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