如何在延迟加载模块内初始化辅助路由

Question

我正在开发一个带有角的大型应用程序，我的问题是，我试图用辅助路由创建一个向导(如步骤1:填写此表单，步骤2:确认数据等)，我的问题是我不知道如何初始化：

 <router-outlet name="wizard"></router-outlet>

有一个预定义的子路径。

这是我的routing.module.ts

import { AdminOutsourceComponent } from './admin-outsource.component';
import { OutsourceComponent } from "./outsource/outsource.component";

    const routes: Routes = [


       {
        path: '',
         component: AdminOutsourceComponent,

        children: [
             {
                path: ' ',
                redirectTo:'outsourcing'
              } ,
             {
                path: 'outsourcing',
                component: OutsourceComponent,
                outlet:'wizard',
                data: {
                  title: ''
                }
              } 
        ]
      }
    ];

我也试着这样做：

const routes: Routes = [


         {
            path: '',
             component: AdminOutsourceComponent,

          },
         {
            path: ' ',
            redirectTo:'outsourcing'
          } ,
         {
            path: 'outsourcing',
            component: OutsourceComponent,
            outlet:'wizard'
          } 
];

和

const routes: Routes = [

       {
        path: '',
        redirectTo: 'wizard'
    },

      {
            path: 'wizard',
            children: [
                {
                    path: '',
                    component: AdminOutsourceComponent
                },
                {
                    path: '',
                    component: OutsourceComponent,
                    outlet: 'wizard'
                }
            ]
        }
];

html模板：

<div class="admin-wrapper">   
outsource wizard
  <router-outlet name="wizard"></router-outlet>
</div>

我试着阅读官方文件，但对此却只字未提。到目前为止，<router-outlet name="wizard"></router-outlet>只是空的。这里有一个小应用程序，我试图复制我的问题。https://stackblitz.com/edit/angular-auxiliary-routes-cbufsy?embed=1&file=app/lazy/lazy-routing/lazy-routing.module.ts

注意：--这是我加载到我的主应用程序中的另一个模块，而不是主模块，这些子模块是懒散加载的。也许我在某个地方遗漏了一些配置。

更新： 看上去像个虫子，不确定是否已修复，有些人仍在报告问题。

Answer 1

你能试试这个吗？

路线:路线=[

   {
    path: '',
    redirectTo: 'wizard'
},

  {
        path: 'wizard',
        children: [
            {
                path: '',
                component: AdminOutsourceComponent
            },
            {
                path: '',
                redirectTo: 'outsource',
                outlet: 'wizard'
            },
            {
                path: 'outsource',
                component: OutsourceComponent,
                outlet: 'wizard'
            }
        ]
    }

]；