鍍金池/ 問答/HTML5  Python/ angular5 中路由path通過參數(shù)定義了一個URL，但是組件是同一個的話就

angular5 中路由path通過參數(shù)定義了一個URL，但是組件是同一個的話就不會重載一次頁面！

路由中是這樣定義的，同一個組件，但是傳了一個Type來區(qū)分不同的訂單類型，但點擊后只會加載一次組件，點擊已付款頁面不會重新加載，參數(shù)仍然停留在之前的頁面。

{path: 'order/list/:type', component: OrderListComponent,canActivate:[AuthService]},

clipboard.png

回答
編輯回答
風清揚

同一個路由不會主動再次觸發(fā)，試試：

{
    path: 'order/list/:type', 
    component: OrderListComponent,
    canActivate:[AuthService],
    runGuardsAndResolvers:'paramsChange'
}

這樣在你:type路由參數(shù)變化時會執(zhí)行相關路由事件。可以在組件類里面監(jiān)聽到

this.router.events.subscribe((e: any) => {
   ...
})
2018年5月6日 10:45