Угловой компонент не загружает макет заголовка с помощью Lazyloading (Router Children) - PullRequest
Новая
       8

Угловой компонент не загружает макет заголовка с помощью Lazyloading (Router Children)

0 голосов
/ 22 ноября 2018

Я пытаюсь реализовать отложенную загрузку на маршруте детей.Я могу лениво загрузить HomeModule, который имеет несколько компонентов (DetailComponent, SearchCardComponent и т. Д.), Который находится внутри макета нижнего колонтитула заголовка.

Но когда я нажимаю на ссылку SearchComponent, HTML рендерится правильно, но не загружает заголовок, макет нижнего колонтитула.Что касается макета верхнего и нижнего колонтитула, я ссылался именно на этот пример .

У меня следующая структура маршрута:

app.routing.ts 

const routes: Routes = [                                              
  {
    path: '',
    component: SiteLayoutComponent,
    children: [
        path: RouteConstants.Home,
        component: HomeComponent,
        loadChildren: "./lazyloadingmodules/home.module#HomeModule"
    ] 
  },                                                                        
  {
    path: '',
    redirectTo: '',
  }                                                                        
];

И маршрут HomeModule (который является ленивым модулем) : 

const routes: Routes = [
//routes for post login master page
//{
    //path: '',
    //component: SiteLayoutComponent, 
    //children: [
          { 
            path: RouteConstants.SearchCard, component: SearchCardComponent 
          },
    //]
//}

];

Когда я нажимаю на маршрутизатор SearchCardComponent, ссылка связывает его с загрузкой SearchCardComponent должным образомно компонент не отображается в области розетки. Он показывает макет нижнего колонтитула.

Может ли кто-нибудь сказать мне, в чем ошибка в коде?

Спасибо

1 Ответ

0 голосов
/ 23 ноября 2018

После того, как я много покопался в коде, я нашел решение.Произошла ошибка в ленивых модулях маршрутов.

Изменение кода ленивых маршрутов модулей с: 

{ 
     path: RouteConstants.SearchCard, component: SearchCardComponent 
},

На 

{ 
     path: '', component: SearchCardComponent 
},

Теперь работает нормально.

...