1

我有以下路线配置：

const routes: Routes = [
    {
        path: '',
        pathMatch: 'full',
        redirectTo: 'container-page'
    },
    {
        path: 'container-page',
        component: ContainerPage,
        children: [
            {
                path: 'first-page',
                loadChildren: '../first-page/first-page.module#FirstPageModule',
                outlet: 'detail'
            },
        ]
    },

];

如您所见，我正在尝试将组件延迟加载到辅助插座中，但是在导航到插座内的适当路线（http://localhost:4200/container-page/(detail:first-page)时有问题的 ng-component 被渲染, 在其中, 一个新的空 router-outlet 和另一个 ng-component 在同一 DOM 级别. 这样做是新渲染的 router-outlet 完全隐藏了 ng-component 在其级别并且内容不会显示。

此行为在主要出口中未注册，仅在辅助命名出口中。有没有人成功地将组件延迟加载到辅助插座中？

4

1 回答 1

0

您不能延迟加载组件，我自己也遇到了麻烦。您是否为该延迟加载模块设置了子路由？

于 2020-05-11T00:07:17.670 回答