2016-08-30 66 views
0

我無法在使用router.navigate的Angular js 2中使用params實現多級路由。如何在Angularjs中使用參數進行多級路由2

這是我的代碼,只是一個孩子route.ts和組件使用導航,請注意,我已經可以使用路徑「」和「manageDealers」這意味着這route.ts是有效的

路線。 TS

export const dealerRoutes : Routes = [ 
    { 
    path: 'dealers', 
    children: [ 
     { 
     path: '', 
     redirectTo: 'manageDealers' 
     },{ 
     path: 'manageDealers', 
     component: DealerManage, 
     },{ 
     path: ':dealerId/users/:userId', 
     name: 'DealerUserDetailManage', 
     component: DealerUserDetailManage, 
     } 
    ] 
    } 
] 

component.ts

viewDetail(dealerId:number,userId:number){ 
    this.router.navigate([''DealerUserDetailManage',{dealerId: dealerId, userId: userId}]); 
    } 

沒有工作

回答

0

編輯route.ts默認路由redirectTo也需要/。嘗試這樣的代碼:

export const dealerRoutes : Routes = [ 
    { 
    path: 'dealers', 
    children: [ 
     { 
     path: '', 
     redirectTo: '/manageDealers', 
     pathMatch:'full' 
     },{ 
     path: 'manageDealers', 
     component: DealerManage, 
     },{ 
     path: ':dealerId/users/:userId', 
     name: 'DealerUserDetailManage', 
     component: DealerUserDetailManage, 
     } 
    ] 
    } 
]