0
私はこれを確認するために最新のステージハンドを使用してスーパー基本プロジェクトを作成しました。* ngForダーツで作業していません(4)
pubspecは次のようになります。ここでは
name: angular4_basic
description: A web app that uses AngularDart Components
version: 0.0.1
#homepage: https://www.example.com
#author: Rick Berger <[email protected]>
environment:
sdk: '>=1.24.0 <2.0.0'
dependencies:
angular: ^4.0.0
angular_components: ^0.6.0
dev_dependencies:
browser: ^0.10.0
dart_to_js_script_rewriter: ^1.0.1
transformers:
- angular:
entry_points:
- web/main.dart
- dart_to_js_script_rewriter
がmain.dartです:
import 'package:angular/angular.dart';
import 'package:angular4_basic/app_component.dart';
void main() {
bootstrap(AppComponent);
}
app_component.htmlは次のようになります。
<h1>The Beatles</h1>
<ul>
<li *ngFor="let name of names">{{name}}</li>
</ul>
とapp_component.dart次のようになります。
私は '* ngFor' に置き換えてくださいをしようとした大きな長いスタックトレースが続く
*ngFor="let name of names" ^^^^^^^^^^^^^^^^^^^^^^^^^^ line 4, column 3 of AppComponent: ParseErrorLevel.FATAL: Property binding ngForOf not used by any directive on an embedded template <li *ngFor="let name of names"> ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
...
もの:
は、私は、次のエラーを取得します'< ng-template ngFor ....> </ng-template>構文 - 未解決のテンプレートを作成しました。
dartdevcコンパイラので
を使用して、私は、ここで何をしないのですか?
にあなたのディレクティブのリストにNgForまたはCORE_DIRECTIVESを追加します。//webdev.dartlang .org/angular/guide/displaying-data#!#表示すると、リストのプロパティと一緒にngfor)?そして、ルートモジュールはどのように見えますか? – jonrsharpe
Dangit。私の悪い、しかし、それはそれを修正しません。 「ルートモジュール」とは、「main.dart」を意味しますか?私は元の投稿にそれを加えました(そして、 'let' kwを修正しました)。 – rickb
NgForをディレクティブのリストに追加するとどうなりますか? IIRCでは、もはや魔法のCOMMON_DIRECTIVESはありません。自分でNgFor、NgIfを組み込む必要があります。 –