Angular 2: Daten von Eltern zu Kind übertragen

Question

Ich habe eine Komponente mit einem Router Steckdose. Diese Komponente hat ein Select-Element, das ich über einen Service mit einigen Kategorien auf ngOnInit füttere. Es gibt 3 untergeordnete Routen, von denen eine zu einer Komponente navigiert, die diese Kategorien ebenfalls verwenden möchte.

Aussehen Meine Routen wie diese

const routes: Routes = [ 
{ 
    path: 'marketplace', 
    component: MarketplaceComponent, 
    resolve: { categories: CategoriesResolveService }, 
    canActivate: [AuthenticatedGuard], 
    children: [  
    { path: 'modules', component: ModulesComponent, resolve: { categories: CategoriesResolveService } }  
    ] 
}]; 

Das macht 2 http die Kategorien zu bekommen Anrufe. Wie kann ich diese Daten an die untergeordnete Komponente übertragen? Ich möchte es vermeiden, einen weiteren http-Anruf zu machen. Ist es möglich, diese Daten zwischen Eltern und Kind zu teilen?

Answer 1

export class parentComponent { 

    @ViewChild(ChildOneComponent) 
    private childOneComponent: ChildOneComponent; 

    @ViewChild(ChildTwoComponent) 
    private childTwoComponent: ChildTwoComponent; 

    let date = this.childOneComponent.method1; 

} 

diese method1() ist in Ihrem Kind Komponente definieren für method.you Komponenten in Ihrer Mutter Komponente importieren Kind bekommen müssen.

ChildOneComponent { 
    get method1() { 
    return this.value//return which value you pass. 
    } 
} 

Answer 2

Dies könnte Ihnen helfen

Pass data from parent to child with input binding