Невозможно связать с 'ngforOf', поскольку это не известное нативное свойство

Question

Невозможно связать с 'ngforOf', поскольку это не известное нативное свойство

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

Попытка загрузить шаблон через TemplateParser или RuntimeMetadataResolver и внедрить метод overwtitten в загрузчике angular2, например, для RuntimeMetadataResolver

Шаблон загружает свое содержимое правильно, но синтаксический анализ завершается с ошибкой

Невозможно связать с 'ngforOf', поскольку это не известное нативное свойство

Answer 1

Обратите внимание на корпус, это *ngFor(капиталF) не*ngforили жеng-for,

Чтобы исправить ваш пример, используйте:

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

Обратите внимание, опять же, это*ngForне *ngfor,

---

Два поршня, показывающие проблему и исправление:

Вот плункер с той же самой ошибкой, которую вы имеете(посмотрите на app/app.component.ts и консоль):

Невозможно связать с 'ngforOf', поскольку это не известное нативное свойство

И затем точно такой же код, исправленный в этом другом плункере(просто изменилFиз *ngFor).

---

Последние версии Angular

В последних версиях Angular мы имеем @NgModules, которые требуют дополнительной настройки.

Получить*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 { }