Angular Route LazyLoading соответствует префиксу маршрута для загрузки потомков - PullRequest
Новая
       30

Angular Route LazyLoading соответствует префиксу маршрута для загрузки потомков

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

Я пытаюсь выполнить отложенную загрузку для разных модулей и пытаюсь сопоставить префикс маршрута для загрузки модуля.Но это не работает, это работает для точного URL, но не для префикса.я использую угловой 6.1.

этот код не работает 

{
    path: 'account',
    component: AuthComponent,
    children: [
        {
            path: '',
            loadChildren: './modules/auth/auth.module#AuthModule'
        }
        {
            path: '**',
            loadChildren: './modules/auth/auth.module#AuthModule'
        }
    ]
},

и этот код отлично работает 

{
    path: 'account',
    component: AuthComponent,
    children: [
        {
            path: '',
            loadChildren: './modules/auth/auth.module#AuthModule'
        },
        {
            path: 'login',
            loadChildren: './modules/auth/auth.module#AuthModule'
        },
        {
            path: 'register',
            loadChildren: './modules/auth/auth.module#AuthModule'
        },
        {
            path: '**',
            loadChildren: './modules/auth/auth.module#AuthModule'
        }
    ]
},

Нужно ли мне отображать каждый маршрут для загрузки модуля?

Это маршруты, которые есть в моем модуле, которые я пытаюсь загрузить. 

const routes = [
{
    path: '',
    component: LoginComponent,
    data: {
        title: 'login'
    }
},
{
    path: 'login',
    component: LoginComponent,
    data: {
        title: 'login'
    }
},
{
    path: 'register',
    component: RegisterComponent,
    data: {
        title: 'register'
    }
},
{
    path: 'admin/login',
    component: LoginComponent,
    data: {
        title: 'Admin login'
    }
}
 ];

Заранее спасибо.

1 Ответ

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

Попробуйте так:

MainModule 

{
    path: 'account', loadChildren: './modules/auth/auth.module#AuthModule'
},

AuthModuleRouting 

const routes = [
{
    path: '', component: AuthComponent,
},
{
    path: 'login',
    component: LoginComponent,
    data: {
        title: 'login'
    }
},
{
    path: 'register',
    component: RegisterComponent,
    data: {
        title: 'register'
    }
},
{
    path: 'admin/login',
    component: LoginComponent,
    data: {
        title: 'Admin login'
    }
}
 ];
...