Angular 2 指令 ngFor 生成错误的 Dart 实现

Question

在 Angular 2 Beta 0 的 Dart 实现中尝试使用 ngFor 指令时会生成以下编译时错误。

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">

收件人：

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

在我的模板中。

这是我的组件：

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

Gunther Zochbauer 在对他的回答的评论中提到了这一点。

Angular 2 指令 ngFor 生成错误的 Dart 实现

Dart implementation of Angular 2 directive ngFor generating error

dart

angular-dart

angular