2017-09-01 12 views
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コンパイラので

を使用して、私は、ここで何をしないのですか?

+0

にあなたのディレクティブのリストにNgForまたはCORE_DIRECTIVESを追加します。//webdev.dartlang .org/angular/guide/displaying-data#!#表示すると、リストのプロパティと一緒にngfor)?そして、ルートモジュールはどのように見えますか? – jonrsharpe

+0

Dangit。私の悪い、しかし、それはそれを修正しません。 「ルートモジュール」とは、「main.dart」を意味しますか?私は元の投稿にそれを加えました(そして、 'let' kwを修正しました)。 – rickb

+0

NgForをディレクティブのリストに追加するとどうなりますか? IIRCでは、もはや魔法のCOMMON_DIRECTIVESはありません。自分でNgFor、NgIfを組み込む必要があります。 –

答えて

関連する問題