Verschachteln Komponenten in Angular4 (RC5)

Question

Einstieg in Angular und beobachten ein veraltetes Tutorial, die in der Tat für Angular2 ist (y, ich weiß).

Angular4:

@NgModule({ 
    imports: [ BrowserModule ], 
    declarations: [ AppComponent , MyChildComponent ], 
    bootstrap: [ AppComponent ] 
}) 

Es scheint, dass dies, wie Sie nisten Komponenten ist jetzt aber nicht, dass es eine Möglichkeit, es zu tun, wie es (oder ähnlich) in Angular 2 getan wurde? Wie in Sie könnte es in der jetzt veralteten Eigenschaft "Direktiven" DIREKT IN IHRER ROOT-Komponente importieren (fand dies wirklich praktisch für eine schnelle Entwicklung).

Angular2:

@Component({ 
    selector: 'app-root', 
    directives: [MyChildComponent] 
    template: '<div><ChildComponent></ChildComponent></div>' 
}) 
export class AppComponent {} 

Edit: Hier ist die MyChildComponent Erklärung (noch Teil Angular2):

@Component({ 
    selector: 'ChildComponent', 
    template: '<h2>Child component</h2>' 
}) 
export class MyChildComponent {} 

Hinweis: Die Erklärungen Import Ausgelassene

Answer 1

An einem gewissen Punkt (I Die verschiedenen Versionen, die vor langer Zeit auftauchten, haben den Überblick über das modulbasierte Design verloren ay mit der directives über Nacht.

Um Ihre Komponenten überall zu verwenden, benötigen Sie nur den declarations: [...] Teil in dem Modul, das mit Ihren Komponenten in diesem Modul bestückt ist.

Danach brauchen Sie den directives Teil in den Komponenten überhaupt nicht. Kurz

In:

• Alle aufgeführten Komponenten im declarations Bereich eines Moduls werden diese Komponenten dieses Moduls zu allen anderen Komponenten zur Verfügung stellen.
• Alle im Abschnitt exports aufgelisteten Komponenten eines Moduls stellen diese Komponenten für jedes andere Modul, das imports dieses Modul ist, zur Verfügung.