Ленивая загрузка разных макетов - angular 9 - PullRequest
Новая
       3

Ленивая загрузка разных макетов - angular 9

0 голосов
/ 12 апреля 2020

Я создаю приложение в angular 9, и я все еще новичок во всем этом. Я хочу лениво загружать разные макеты в зависимости от маршрутов. Все, что я нашел, это то, что я должен сделать что-то вроде этого:

В моем app.routes.ts 

{
    path: 'home',
    component: MainLayoutComponent,
    loadChildren: () => import('./main/pages/home/home.module').then(m => m.HomeModule)
},
{
    path: 'settings',
    component: DifferentLayoutComponent,
    loadChildren: () => import('./main/pages/settings/settings.module').then(m => m.SettingsModule)
}

Но, делая это, я с нетерпением загружаю все Компоненты макета? Что, если у меня есть 10 различных макетов, я загружаю их все, когда перехожу на одну страницу?

1 Ответ

0 голосов
/ 12 апреля 2020

По маршрутам, которые вы указали в вопросе. У вас есть два модуля HomeModule и DifferentLayoutComponent. Эти два модуля чанка будут загружены, когда пользователь посетил его соответствующий путь. После посещения модуль не будет загружен снова, если посещение пути снова. Потому что мы уже загрузили его. Если вы хотите загрузить другие модули после того, как начальный модуль загружен, вы можете использовать стратегию предварительной загрузки.

...