2016-04-06 20 views
0

私はangular2を初めて使っています。親コンポーネントに子コンポーネントを登録する際に問題に直面しています。親に[HeaderComponent]が、それはエラーに EXCEPTIONいます: -親コンポーネントの中に子コンポーネントを登録する方法angular2

AppComponent親コンポーネント

HeaderComponent --childコンポーネント

角度のドキュメントは、我々がディレクティブを使用する必要があることと言うが見つかりません指令注釈を

import {Component} from 'angular2/core'; 
import {HeaderComponent} from './header'; 
@Component({ 
    selector: 'my-app', 
    template:"<my-header></my-header>", 
    directives: [HeaderComponent] 
}) 
export class AppComponent { 
    name="Angular 2"; 
    constructor(){ 

    } 
} 
:HeaderComponent

のparentComponentの

子コンポーネント:

import {Component} from 'angular2/core'; 
@Component({ 
    selector:"my-header", 
    templateUrl:"app/header/header.html" 
}); 

export class HeaderComponent { 
    constructor() { 
    // code... 
    } 
} 
+4

'HeaderComponent'の' @Component'で ';'を削除します。 –

答えて

3

デコレータは、クラス宣言の真上に配置する必要がありますので、あなたが追加することはできません「;」その宣言の後に。

Angularは、HeaderComponentをAngular 2コンポーネントとして認識しないため、エラーが発生します。

だから、 ';' HeaderComponentの宣言内に署名します。

関連する問題