私はリストアイテムを選択できるリストアプリを構築しています。 一度に選択できるアイテムは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']);
}
}
ため
おかげ
私の答えを一番下に見てください:http://stackoverflow.com/questions/35618463/change-route-params-without-reloading-in-angular-2/39322473#39322473 –