Wie Kind-Komponente in der Elternkomponente angular2 registrieren

Question

Ich bin neu in eckigen2. Ich habe Probleme mit der Registrierung der untergeordneten Komponente in der übergeordneten Komponente.

AppComponent - Stammkomponente

HeaderComponent --child Komponente

Angular docs sagt, dass wir brauchen Richtlinie verwenden: [HeaderComponent] in Eltern, aber es Fehler AUSNAHME gibt: Keine Richtlinie Anmerkung gefunden auf HeaderComponent

Parent:

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(){ 

    } 
} 

Child Komponente:

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

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

Answer 1

Zierer sollte direkt über der Klassendeklaration platziert werden, so dass es nicht erlaubt ist hinzuzufügen, ‚;‘ nach seiner Erklärung.

Ihr Fehler liegt vor, weil Angular HeaderComponent nicht als Angular 2-Komponente erkennt.

Also, nur loswerden ';' Zeichen in HeaderComponent's Deklaration.