角度4 - URLに別の店舗のルートを追加せずに経路を更新

Question

私はAngular 4.0.3に状況があります。ページには<router-outlet>が2つあります。

<router-outlet></router-outlet> 
<router-outlet name="nav"></router-outlet> 

最初のコンセントはコンテンツのルートを受け入れ、2番目のコンセントはナビゲーションのルートを受け入れます。私はこれを使ってナビゲーションを達成する。

router.navigate(['', {outlets: { nav: [route] } }],{skipLocationChange: true }); 

これは、URLを更新せずにコンセントの内容を変更する - 私は.. (nav:user)のように見えるいかなるurlしたくないので。

問題は残りのコンセントです。私は次のように、機能的には、私は両方のコンセントが適切なコンテンツを持って取得することができますが、それはURLにnavコンセントのルートを追加し続けて

.../user/profile 

...これらは、例えば、クリックされたときにURLを更新しますかこれ...

.../user/profile(nav:user) 

(nav:user)の部分を追加することはできますか？

Answer 1

私は気付いていないいくつかのトリックがない限り...私はあなたができるとは思わない。アドレスバーは、ルート状態を維持するものです。したがって、アドレスバーのセカンダリコンセント情報がなければ、ルータはセカンダリコンセントに正しいルーティングコンポーネントを保持する方法を知らないでしょう。

あなたはここに示されているようnavigateByUrlメソッドをオーバーライドしてみてください：http://plnkr.co/edit/78Hp5OcEzN1jj2N20XHT?p=preview

export class AppModule { constructor(router: Router) { 
    const navigateByUrl = router.navigateByUrl; 

    router.navigateByUrl = function(url: string|UrlTree, extras: NavigationExtras = {skipLocationChange: false}): Promise<boolean> { 
     return navigateByUrl.call(router, url, { ...extras, skipLocationChange: true }); 
    } } } 

あなたが潜在的にあなたがこれを上行う必要がどのルートを確認するには、次にここにロジックを追加することができます。