Попытка понять использование loadChildren - PullRequest
Новая
       7

Попытка понять использование loadChildren

0 голосов
/ 18 сентября 2018

Я просматриваю документацию на странице https://angular.io/api/router/Routes и там нашел ключевое слово "loadChildren".

Мне трудно это понять.

Любая помощь очень ценится !!!

1 Ответ

0 голосов
/ 18 сентября 2018

В angular у нас есть концепция отложенной загрузки

В общем: мы импортируем и объявляем компонент в корневом модуле (т.е. app.module.ts), и мы установимпуть в корневом файле маршрутизации, как указано ниже 

  const routes: Routes = [
    { path: "", component: AboutComponent},];

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

Ленивая загрузка: мы просто загрузим дочерние субмодули в файлы маршрутизации, поэтому по запросу только пути будут загружены компоненты, присутствующие в модуле. 

const routes: Routes = [
  {
    path: "",
    component: HomeComponent
  },
  {
    path: "about",
    loadChildren: "../app/about/about.module#AboutModule"
  },
  {
    path: "service",
    loadChildren: "../app/service/service.module#ServiceModule"
  }
];

В приведенном выше коде загружать компонент about можно только в том случае, если пользователь загружает в браузер путь about .

...