2番目のコンポーネントのビューをangular2から現在のページに追加する方法

Question

基本的には、リストに整数データを持つ1つのコンポーネントと、+1操作のようなアクションを持つ2番目のコンポーネントがあります。('/')、整数他のページ(/int/13)にリダイレクトします。このページでは、整数データの古いリストと私のnumber + 1（14）を見たいと思っています。

私のルートは、私がIntegerComponent

<li *ngFor="let int of ints [routerLink]="['/int', int]"> 
    <p>{{int | json}}</p> 
</li> 

から整数データを表示し、クリックした後、私は本当にint number + 1を参照してくださいオープンした後、この

{path: '', component: IntegerComponent, 
    {path: 'int/:id', component: ActionComponent} 

（/）ですが、私は、整数データでこれを確認する必要があります一緒に、1ページに。サーバーからデータを再ロードせずに。新規追加のみ。

Answer 1

私は自分で答えを見つけます！ルーティングにはchildrenを使用し、intテンプレートには<router-outlet></router-outlet>を追加する必要があります。次に、ユーザーがintでクリックされた場合、アクションの結果がこのコンセントに表示され、メインコンセントは維持されます