Question

我正在使用角度6并尝试将组件导入为子组件。

我有一个可以通过路由到加载'/register'的{{1}}来访问的组件，并且我还有另一个使用signUpComponent加载ServicesComponent的组件，而且我正在使用两条路线都由多个部分组成。

现在，我的问题是我想将'/services'作为ServicesComponent的子组件加载，即类似这样的SigUpComponent（嵌套路由类型），但前提是我的两个路由都分别定义。有什么方法可以解决，而不是将'/register/services'定义为'/register/services'的子组件而将第三条路线重新定义为ServicesComponent

Answer 1

您可以使用子级路由:::

const parentModuleRoutes: Routes = [
    {
        path: 'parent-component',            //<---- parent component declared here
        component: PetParentComponent,
        children: [                          //<---- child components declared here
            {
                path:'child-one',
                component: ChildOneComponent
            },
            {
                path:'child-two',
                component: ChildTwoComponent
            },
            {
                path:'child-three',
                component: ChildThreeComponent
            },
            {
                path:'child-four',
                component: ChildFourComponent
            },
        ]
    }
];

您可以使用此链接获取更多信息：：

https://angular.io/guide/router#child-routing-component（按照@wannadream的说法）

https://itnext.io/child-routes-with-respective-components-in-angular-4-36f1be42278e

在Angular中将组件加载为子组件

1 个答案: