如何删除 Dart Angular2 教程中的 "property binding not used by any directive" 错误？

Question

我正在做这个教程：https://angular.io/docs/dart/latest/tutorial/toh-pt2.html

现在，我正在尝试获取页面上的英雄列表。从教程编译模板时出错。这是模板：https://github.com/angular/angular.io/blob/master/public/docs/_examples/toh-2/dart/lib/app_component.dart#L13。我收到此错误：

Build error:
Transform TemplateCompiler on ng2_hero_app|lib/app_component.ng_meta.json threw error: Template parse errors:
Property binding ngForOf not used by any directive on an embedded template ("
      <h2>My Heroes</h2>
      <ul class="heroes">
        [ERROR ->]<li *ngFor="let hero of heroes"
          [class.selected]="hero == selectedHero"
          (click)"): AppComponent@3:8
Property binding ngIf not used by any directive on an embedded template ("
        </li>
      </ul>

我尝试了什么？

• 先自己试了一下，报错。然后我从 github 复制粘贴了代码，但我遇到了同样的错误。
• 我尝试重新运行 pub get（我认为在开发节点模块时出现一些错误，例如缺少一些npm包）。
• 我尝试研究并找到了 。这个 post 说，我应该重写 *ngFor 指令的代码。好吧，我试过了，模板编译成功，但是页面上什么也没有。

这是我当前的 app_component.dart 代码：https://github.com/sharikovvladislav/angular2-hero-app/blob/master/lib/app_component.dart

Answer 1

您可能会在 pubspec.yaml

中错过 COMMON_DIRECTIVES

  transformers:
  - angular2/transform/codegen:
      platform_directives: 'package:angular2/src/common/directives.dart#CORE_DIRECTIVES'

这是 Dart 尚不可用的 RC 语法

<li *ngFor="let hero of heroes"

测试版

<li *ngFor="#hero of heroes"

另请参阅 https://github.com/angular/angular.io/issues/825 以及提到 PLATFORM_PIPES 的链接 wiki 文档，它们也可以通过这种方式在全球范围内提供。