Angularjsでパラメータを使用したマルチレベルルーティングの方法2

Question

router.navigateを使用してAngular js 2のパラメータでマルチレベルルーティングを実装することはできません。

これらは、ちょうど子供のroute.ts私のコードであり、コンポーネントは、ナビゲートを使用し、私はすでにパス「」と「このroute.tsが

ルート有効であったわけmanageDealers」を使用できることに注意してください。 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}]); 
    } 

は動作しませんでした

Answer 1

編集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, 
     } 
    ] 
    } 
]