2016-09-05 8 views
1

私はリストアイテムを選択できるリストアプリを構築しています。 一度に選択できるアイテムは1つだけです。 list-itemの詳細ビューがリストの下に表示されます。URLを角2のRC6ルータに変更する

他のページに移動せずに、選択したアイテムに基づいてURLを変更します。

それは可能ですか?はいの場合、どうですか?唯一のルートのparamsの変更は、何がリロードされていないルータのナビゲーションを使用して、この

{ path: '', redirectTo, 'items', pathMatch: 'full' }, 
{ path: 'items', component: ItemList, children: [ 
    { path: '', component: DummyItem }, 
    { path: ':id/detail', component: ItemDetails } 
]} 
<a [routerLink]="itemId + '/detail'">Item {{itemId}}</a> 
class ItemDetail { 
    constructor(route:ActivatedRoute) { 
    route.params.subscribe(params => this.id = params['id']); 
    } 
} 

ため

おかげ

+1

私の答えを一番下に見てください:http://stackoverflow.com/questions/35618463/change-route-params-without-reloading-in-angular-2/39322473#39322473 –

答えて

2

使用ルートパラメーター。

+1

私は、次の答えは、私が持っているもので実装するのが簡単だったからです。私のコードをリファクタリングする場合は、あなたが提供したアプローチを使用します。ありがとう。 http://stackoverflow.com/questions/35618463/change-route-params-without-reloading-in-angular-2/39322473#39322473 –

関連する問題