Sposób deklarowania komponentów zagnieżdżonych w Angular2

Question

W składniku szczegółowym wchodzi Angular2 tutorial, dodając go do @NgModule.

Zamiast tego, chciałbym dodać go przez zewnętrzny komponent (AppComponent) w jakiś sposób importując go, tak że tylko zewnętrzny komponent odnosi się do wewnętrznego komponentu.

Nie mogę wymyślić, jak to zrobić. Stare przykłady odnoszą się do właściwości directives, ale directives nie istnieją już w typie ComponentMetadtaType. Więc to nie działa

import { HeroDetailComponent } from './hero-detail.component'; 

@Component({ 
    selector: 'my-app', 
    [..] 
    directives: [HeroDetailComponent] 
}) 

Answer 1

trzeba dodać dyrektyw i komponenty do declarations: [] modułu.
Jeśli chcesz, aby tylko jeden komponent mógł korzystać z komponentu, utwórz moduł składający się tylko z tych dwóch komponentów.

@NgModule({ 
    imports: [BrowserModule], 
    declarations: [AppComponent, FooComponent, BarDirective], 
    ... 
}) 

Answer 2

Należy zadeklarować go deklaracji metadanych jak pokazano poniżej,

import { HeroDetailComponent } from './hero-detail.component'; 
@NgModule({ 
    imports:  [ BrowserModule ], 
    declarations: [ AppComponent,HeroDetailComponent], //<----here 
    providers: [], 
    bootstrap: [ AppComponent ] 
})