Angular ленивые модули загрузки от основного компонента - PullRequest
Новая
       12

Angular ленивые модули загрузки от основного компонента

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

У меня есть настройки ниже в моем app.routing.module.ts. enter image description here

app.component. html

<router-outlet></router-outlet>

модули / ядро ​​/ компоненты / home / home.component. html

<mat-sidenav-container autosize>
<mat-sidenav #sidenav role="navigation">
    <!--this is a place for us to add side-nav code-->
    <wn-sidenav-list (sidenavClose)="sidenav.close()"></wn-sidenav-list>
</mat-sidenav>
<mat-sidenav-content>
    <!--in here all the content must reside. We will add a navigation header as well-->
    <wn-header (sidenavToggle)="sidenav.toggle()"></wn-header>
    <main>
        <!-- I want the components child components of the home components to be loaded here -->
        <router-outlet></router-outlet>
    </main>
    <wn-footer></wn-footer>
</mat-sidenav-content>

Проблема

Когда я получаю доступ к localhost: 4200 / кампании или localhost: 4200 / панель инструментов, отображаются их соответствующие компоненты, но они не используют свои представление родителей (home.component. html)

Моя цель

Я хочу, чтобы все подкомпоненты домашнего компонента отображались в маршрутизаторе -outlet home.component. html и другие компоненты будут отображаться в router-outlet приложения app.component. html

У меня был Настройка, как это раньше, но я не использовал модули в то время, и он работал отлично. Что-то не так с ленивой загрузкой?

1 Ответ

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

Когда я получаю доступ к localhost: 4200 / кампании или localhost: 4200 / панель инструментов, отображаются компоненты модуля кампании, но они не используют представление своих родителей (home.component. html)

В конфигурации вашего маршрута вы используете redirectTo:'/dashboard', поэтому вы увидите режим кампании

...