Свойство Outlet для маршрутизации, не работающей в angular6 + - PullRequest
0 голосов
/ 06 июля 2019

У меня есть 3 вкладки навигации, и я пытаюсь загрузить компоненты, которые являются частью разных модулей, в разные <router-outlet>

Tab0Component,Tab1Component component является частью storeashboardModule и storedashboardModule загружается с отложенной загрузкой.Просто сначала загрузите storedashboardModule и сначала направьте на tab0.

Попытайтесь проложить маршрут к store/tab0 для tab0 вначале, а при нажатии tab1 перейдите к route/tab1

Ссылка на стек: -

https://stackblitz.com/edit/angular-qbyemp?file=src/app/customers/customers.module.ts

app.component.html

<router-outlet></router-outlet>

app.routing.ts

Routes = [
    {
        path: '',
        redirectTo: 'store/tab0',
        pathMatch: 'full',
    },
    {
        path: '',
        component: CmnLayoutComponent,
        children: [
            {
                path: 'store',
                loadChildren: () => import('./store-dashboard/store-dashboard.module').then(m => m.storedashboardModule)
            },
            {
                path: 'search',
                loadChildren: () => import('./custom-components/custom-components.module').then(m => m.CustomComponentsModule)
            }           
        ]
    }  
];

vedashboardModule.routing.ts

Routes = [
    {
        path: 'tab0',
        component: Tab0Component,
         outlet: "tab0",
        data: {
            title: 'tab0'
        }
    },
    {
        path: 'tab1',
        component: Tab1Component,
        outlet: "tab1",
        data: {
            title: 'tab1'
        }
    }
];

CmnLayoutComponent.html

<router-outlet name="tab0"></router-outlet>
<router-outlet name="tab1"></router-outlet>
<router-outlet name="search"></router-outlet>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...