无法访问正确的路线！ angular 路由器

Question

我有这样的路由结构：

{path:"all", component: TopicsTableComponent,data: { breadcrumb: {label:"All Topics",} }, children: [
          {path:"levels/all", component: LevelsTableComponent, data: { breadcrumb: {label:"All Topics Levels",} }}
        ]},
    {path:":id", component: TopicsTableComponent,data: { breadcrumb: {label:"All Topics",} }, children: [
          {path:"levels/all", component: LevelsTableComponent, data: { breadcrumb: {label:"All Topics Levels",} }}
        ]},
      {path: "add", component: LevelComponent, data: { breadcrumb: {label:"Add Topics",} },children: [
          {path:"levels/add", data: { breadcrumb: {label:"Add Topics Level",} }, component: LevelComponent}
        ]}
    ]

显然我需要的是在键入“all”时它会将我重定向到主题 table 当输入“all/levels/all”时，它会将我重定向到级别 Table 但真正的流程是两个 URL 都将我带到主题 table 哪里错了？

Answer 1

正常重定向到all/levels/all你需要把第一条路由都分开，比如

{path:"all", component: TopicsTableComponent,data: { breadcrumb: {label:"All Topics"}}

添加父路由后

 {path:"all", component: TopicsTableComponent,data: { breadcrumb: {label:"All Topics",} }, children: [
          {path:"levels/all", component: LevelsTableComponent, data: { breadcrumb: {label:"All Topics Levels",} }}
        ]},
    {path:":id", component: TopicsTableComponent,data: { breadcrumb: {label:"All Topics",} }, children: [
          {path:"levels/all", component: LevelsTableComponent, data: { breadcrumb: {label:"All Topics Levels",} }}
        ]},
      {path: "add", component: LevelComponent, data: { breadcrumb: {label:"Add Topics",} },children: [
          {path:"levels/add", data: { breadcrumb: {label:"Add Topics Level",} }, component: LevelComponent}
        ]}
    ]

希望有用

无法访问正确的路线！ angular 路由器

cannot access the right routes! angular router

angular-routing

angular