2016-08-31 9 views
0

Angular2 RC5に問題があります。 (app.moduleによってブートストラップされる)Angular2 RC5 templateUrlを使用した無限ループ

私app.componentは非常に基本的な、次のようになります。

@Component({ 
    selector: 'my-app', 
    template: `TEST` 
}) 

export class AppComponent implements OnInit { 

    constructor() { 
     console.log("APP LOG!"); 
    } 

    ngOnInit() { 
     console.log("APP INIT LOG!"); 
    } 

} 

を限り、私はそれが正常に動作コンポーネント内のテンプレートをコードとして。しかし、それを自分のhtmlファイルに転送して、それを含めたら、

templateUrl: 'app.component.html' 

私は無限ループに入ります。コンストラクタは繰り返し呼び出され、決してngOnInitに到達しません。相対パスか絶対パスかを問わず、違いはありません。 ngModulesなしでRC4にこの問題はありませんでした。また、非常に基本的な

対応ngModule、:

@NgModule({ 
imports: [ 
    BrowserModule 
], 
declarations: [ 
    AppComponent 
], 
bootstrap: [AppComponent] 
}) 
export class AppModule {} 

私は流星を使用するので、すべては流星angular2-コンパイラを使ってコンパイルされています。

ヒントは非常に高く評価されています!

+0

をすることができます'@NgModule()'コードを表示しますか? –

+0

もちろん、コードを追加しました。どうも! –

+0

'app.component.html'は' app.component.ts'の隣にありますか? 'templateUrl: 'app.component.html''をデコレータに配置すると、' template:' ''が削除されました。 :) – mxii

答えて

0

私は流星コンパイラを知らないが、ドキュメントを見てみ: https://www.angular-meteor.com/tutorials/socially/angular2/dynamic-template

例-コード:https://github.com/Urigo/meteor-angular2.0-socially/archive/step_01.zip

はこのようにそれを使用することを教えてくれる:

import { Component } from '@angular/core'; 

import template from './app.component.html'; 

@Component({ 
    selector: 'app', 
    template 
}) 
export class AppComponent {} 
+0

Yepはそのインポート表記を同じ結果で試しました....奇妙なことは、エラーを投げず、onInitフックを入力せずに何度も繰り返しループして再構成するということです。テンプレートが見つからないか、インポートできないという事実と関係している必要があります。 –

+0

ダウンロード可能なサンプルを試しましたか? – mxii

+0

サンプルは動作していますが、NgModulesなしでAngular2 RC4を使用しています... –

関連する問題