Dart реализация Угловой 2 директивы ngFor генерации ошибка

Question

генерируется следующая ошибка компиляции раз при попытке использовать директиву ngFor в реализации Dart угловой 2 Beta 0.

Property binding ngForOf not used by any directive on an embedded template ("[ERROR ->] 
<div *ngFor="#item of items"> 
{{item}} 
</div>"): 

Компонент:

library design; 

import 'package:angular2/angular2.dart'; 

@Component(
    selector: 'design-component', 
    templateUrl: 'design.html', 
    viewProviders: const [CORE_DIRECTIVES] 
) 
class DesignComponent { 
    List<String> items = ["One", "Two", "Three"]; 
} 

Шаблон:

<div *ngFor="#item of items"> 
    {{item}} 
</div> 

Любые предложения или помощь будут оценены.

Answer 1

viewProviders должно быть directives. viewProviders предназначены для инъекций зависимостей.

Answer 2

То, что сработало для меня меняется:

<li *ng-for="#name of friendNames"> 

To:

<li *ngFor="#name of friendNames"> 

В моем шаблоне.

Вот мой компонент:

@Component(selector: "app", 
      directives: const [NgFor], 
      templateUrl: 'app_component.html') 
class AppComponent{ 
    List<String> friendNames = const ["a", "b", "c"]; 
} 

Гюнтер Zochbauer упоминает об этом в комментарии к своему ответу.