如何在Angularjs中使用参数实现多级路由

Question

我不能在Angular js 2中使用router.navigate实现带参数的多级路由。

这些是我的代码，只是一个子路由。请注意，我已经可以使用"路径"one_answers"manageDealers"来表示此路由。

route.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

编辑路由。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,
      }
    ]
  }
]