如何创建子路由

时间:2021-04-02 11:35:06

标签: javascript angular typescript

我刚刚为我的项目实现了面包屑导航,并且在路由文件中它需要子数组中的子路由。所以我这样做了:

 {
    path: 'customercreation/:formType',
    component: CustomerCreationComponent,
    data: {
      breadcrumb: 'Customer Creation'
    },
    children: [
      {
        path:
          ':customerId/:stepId/:EntityId',
        component: FormComponent,
        data: {
          breadcrumb: 'Form'
        }
      },
    ]
  },

但是当我路由到子组件时,它向我显示父组件,但路由正在改变。在同样的情况下,当我在子数组之外编写子部分时,我的意思是新路由,然后它可以正常工作,我在这方面做错了什么?

1 个答案:

答案 0 :(得分:1)

您必须在 <router-outlet></router-outlet> 中添加 CustomerCreationComponent。 在那里它会输出它的孩子。