2017-02-17 30 views
0

私は親コンポーネント(A)と2つの子コンポーネント(B、C)を持っています。親コンポーネントにはページの基本レイアウトが含まれていますが、すべてのレイアウトで変更されるわけではありません。ユーザーが別のボタンを選択したときに、ページの中央にあるコンテンツを交換する必要があります。2つの子コンポーネントから親コンポーネントに情報を渡す

ステップ1:親コンポーネントAからボタンをクリックします - > ステップ2bにリフレッシュ:子コンポーネントBからユーザーがボタンをクリックして - 私は維持するために、永続的である必要はありますので> C

にリフレッシュ私のコンポーネントからの基本的なレイアウトは、何ステップ2にアプローチするいくつかの方法は何ですか?

+0

ここで提供されるさまざまなソリューションをたくさんして、適切なルートに行く必要がdocs/ts/latest/cookbook/component-communication.html –

+0

RTFMの100%のケース –

答えて

1

ルーティングを使用する必要があります。コンポーネントAでは、コードを記述して<router-outlet></router-outlet>をマークアップすることができます。 https://angular.io/:そして成分Aのためにあなたが

const routes = [ 
    { path: '', component: 'AComponent', children: [ 
    {path: '', redirectTo: 'b', pathMatch: 'full'}, 
    {path: 'b', component: 'BComponent'}, 
    {path: 'c', component: 'CComponent'}, 
    ]} 
] 

好きで、ボタンのクリックでルーティングを宣言することができ、あなたは[routerLink]

関連する問題