Angular 2 - 命名的路由器插座沒有可怕的URL

我想有兩個路由器插座，主要的一個，和一個模式插座。當導航到/login時，我想在主插座中顯示我的家庭組件，並在模式插座中顯示我的登錄組件。事情是這樣的：Angular 2 - 命名的路由器插座沒有可怕的URL

{ 
    path: 'login', 
    component: HomeComponent 
}, 
{ 
    path: 'login', 
    component: LoginComponent, 
    outlet: 'modal' 
}

這可能是通過使用可怕的輔助網址，像/home(modal:login)做，但當然沒有人希望自己的網址，像她那樣。

如何在沒有這些URL的情況下解決這個問題？

來源

2016-09-27 adamfinstorp

從你店名稱的奇怪猜測告訴我，你正在使用第二個路由器出口顯示模式，如何使用這種方法，而不是：http://blog.brecht.io/Modals-in-angular2/？ –

這可能是一個不好的例子，但我希望能夠說：「對於這條路徑，在插座a中打開組件a，在插座b中打開組件b」 – adamfinstorp

如果要將角路由器與多個路由器插座，你必須忍受這些網址。有沒有辦法繞過它，因爲路由器和URL基本上已婚。 –

你爲什麼不出去成分少的路線，

{ 
    path: 'login', 
    children: [ 
     { 
      path: '', 
      component: HomeComponent 
     }, 
     { 
      path: '', 
      component: LoginComponent, 
      outlet: 'modal' 
     } 
    ] 
}

這將確保，當你的路線/登錄，HomeComponent將在主要出口去LoginComponent會去路由器出口與名「模式」。

來源

2017-02-12 19:08:52

Angular 2 - 命名的路由器插座沒有可怕的URL

回答

相關問題