Как лениво загружать детские маршруты?

Question

Я хотел бы настроить мою маршрутизацию следующим образом:

const routes: Routes = [
    {
        path: ':angebotsNummer',
        loadChildren: './uebersicht/uebersicht.module#UebersichtModule',
        resolve: { angebotReadModel: AngebotReadModelResolver },
        children: [
            {   path: 'konditionen',
                loadChildren: './konditionen/konditionen.module#KonditionenModule',
            }
        ]
    }
]

Это приведет к получению дочернего URL :angebotsNummer/konditionen

Делая так, угловой говорит мне: Error: Invalid configuration of route ':angebotsNummer': children and loadChildren cannot be used together

Так что это не будет работать. Как мне лениво загружать детей в угол, если вообще?

Answer 1

В этом случае вы добавите эту конфигурацию в ленивый модуль маршрутизации (Uebersicht-routing.module.ts)

const routes: Routes = [
{
    path: '',
    children: [
        {   path: 'konditionen',
            loadChildren: './konditionen/konditionen.module#KonditionenModule',
        }
    ]
}]

и удалите дочернюю часть, которая у вас есть:

const routes: Routes = [
    {
        path: ':angebotsNummer',
        loadChildren: './uebersicht/uebersicht.module#UebersichtModule',
        resolve: { angebotReadModel: AngebotReadModelResolver }
    }]

Answer 2

если у вас есть

    loadChildren: './uebersicht/uebersicht.module#UebersichtModule',

тогда у вас есть внутренний маршрутизатор внутри этого модуля, который делает

component: UbersichtComponent

компонент способен переносить дочерние элементы, loadChildren направляет вас во вложенный модуль, но компонент-загрузчик может содержать собственные дочерние элементы