添加param之后的角度路由我们如何添加子路由

时间:2017-12-28 05:12:29

标签: angular angular-routing angular-router

作为一个例子:   'www.xyz.com /#/ indutry / 1 /子行业/ 2 / subSubIndustry / 3'

我需要遵循这个结构,我可以ForRoot我的父路由文件

1 个答案:

答案 0 :(得分:1)

您需要两级嵌套子路由。

确保每条路线都有唯一的名称。

您的路线档案。

这个基本的例子,取决于你的应用程序你想要显示哪种数据。

const routes: Routes = [
  {path: '', redirectTo: 'home', pathMatch: 'full'},
  {path: 'home', component: HomeComponent},
  {
    path: 'indutry/:indutryId',
    component: IndutryComponent,
    children: [
      {path: '', redirectTo: 'subIndustryone', pathMatch: 'full'},
      {
        path: 'subIndustryone/:subindustryOneId', 
        component: SubIndustryOneComponent,
        children : [
          { path : '', redirectTo: 'subIndustrytwo', pathMatch : 'full' },
          { path : 'subIndustrytwo/:subindustryTwoId', component : SubIndustryTwoComponent },
        ]
      },

    ]
  },
  {path: '**', component: HomeComponent}
];

Plunker Example

Blog