角路由-无组件父级-相对路由的延迟加载子级

时间:2019-07-01 16:44:43

标签: angular angular-router angular8

我有一个无组件的父路径,该路径需要2个必需的应用程序参数(客户端和语言)。每次传递客户端和语言时,下面的路由配置都非常有用。但是,省略时不起作用。

示例:我正在尝试使用相对路由从“测试”路由到“第二路由”,但是当从“测试”路由到“兄弟路由”时,此路由不起作用,因为它无法识别子路由。

this.router.navigate(['demo/en/sibling-route'], {
    relativeTo: this.route
}); //WORKS

this.router.navigate(['../sibling-route'], {
    relativeTo: this.route
}); //DOESNT WORK

路由配置:

const routes: Routes = [
        {
            path: ':client/:language',
            children: [
                {
                    path: 'login',
                    component: LoginComponent,
                    data: {
                        layout: Layouts.FooterOnly
                    },
                    loadChildren: () =>
                        import('../app/features/login/login.module').then(
                            m => m.LoginModule
                        )
                },
            {
                path: 'test',
                data: {
                    layout: Layouts.Main
                },
                loadChildren: () =>
                import('../app/features/test/test.module').then(
                        m => m.TestModule
                    )
            },
            {
                path: 'second-route',
                data: {
                    layout: Layouts.Main
                },
                loadChildren: () =>
                import('../app/features/test/sibling-route.module').then(
                        m => m.SiblingRoute
                    )
            },
    ]

为什么我不能使用相对路由来路由到同级的懒加载子模块?

0 个答案:

没有答案