2017-01-18 63 views
8

在應用程序的開始,我想加載子路由。如何在角度2中默認加載子路由

現在,雖然可以訪問該URL,但相應的組件不會在該部分加載,但會再次觸及其實際URL。

像路由配置,是

const appRoutes: Routes = [ 
     { path: 'a', component: AComponent, 
     children:[ 
        { path:'x',component:AXcomponent } 
        ] 
     }, 
     { path: 'b', component: bComponent, } 
] 

現在我想加載路徑a/x我怎麼會在頁面的起動負載?

+0

也許是我沒有正確理解,但你應該能夠使用'{路徑: '',redirectTo: '/ A/B',pathMatch: 'full'},'這樣你的空路徑'重定向到'/ a/b',然後加載相應的組件。 –

+0

它不工作網址設置,但第一次沒有加載組件,但當點擊直接網址然後它的加載 –

回答

18

添加空路徑路由作爲自動重定向

const appRoutes: Routes = [ 
    { 
     path:'', 
     redirectTo: 'a', 
     pathMatch: 'full' 
    }, 
    { 
     path: 'a', 
     component: AComponent, 
     children:[ 
      { 
       path:'', 
       redirectTo: 'x', 
       pathMatch: 'full' 
      }, 
      { 
       path:'x', 
       component: AXcomponent 
      } 
     ] 
    }, 
    { 
     path: 'b', 
     component: bComponent 
    } 
]; 
+0

它不工作 –

+0

在url更改是像url set/a/b 但相應組件未加載 –

+0

它的工作感謝有在我的代碼現在它的工作出現錯誤:) :) –