延遲加載組件到 Angular 輔助出口

Question

我有以下路由配置：

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 被渲染，在它里面，一個新的空路由器出口和另一個 ng-component 在同一 DOM 級別。這樣做是新渲染的路由器出口在其級別完全隱藏了 ng-component並且內容不會顯示。

此行為在主要出口中不會注冊，僅在輔助命名的出口中注冊。 有沒有人成功地將組件延遲加載到輔助插座中？

Answer 1

您不能延遲加載組件，我自己也遇到了問題。 您是否為該延遲加載的模塊設置了子路由？