Angular - как разделить маршруты на модули? - PullRequest
Новая
       6

Angular - как разделить маршруты на модули?

0 голосов
/ 09 марта 2020

Я работаю над приложением NativeScript с Angular 8+.

У меня есть 2 функциональных модуля: аутентификация и аутентификация. Прямо сейчас все мои маршруты находятся в одном главном файле маршрутизации: app-routing.module.ts

Как я могу разделить свои маршруты на их соответствующие модули и поддерживать все в рабочем состоянии?

например 

const routes: Routes = [
    { path: "", redirectTo: "/landing-page", pathMatch: "full" },
    { path: "landing-page", component: LandingPageComponent },
    { path: "register-client-code", component: RegisterClientCodeComponent },
    { path: "register-via-sso", component: RegisterViaSsoComponent },
    { path: "sign-up-page", component: SignUpPageComponent },
    { path: "home-page", component: HomePageComponent },
    { path: "activities", component: ActivitiesComponent },
    { path: "flexi-balance", component: FlexiBalanceComponent },
    { path: "balance-details", component: BalanceDetailsComponent }
];

@NgModule({
    imports: [NativeScriptRouterModule.forRoot(routes)],
    exports: [NativeScriptRouterModule]
})
export class AppRoutingModule { }

Я хочу, чтобы моя домашняя страница и страницы функций находились в аутентифицированном модуле-маршрутизаторе, а остальные - в модуле аутентификации.

1 Ответ

1 голос
/ 09 марта 2020

импортировать функциональный модуль (с соответствующими маршрутами), используя loadChildren в файле родительской маршрутизации: 

{
    path: 'authenticated',
    loadChildren: () =>
    import('./authenticated/authenticated.module').then(m => m.AuthenticatedModule),
}

AuthenticatedModule внутренне импортирует AuthenticatedRoutingModule

Редактировать: проверить Angular документы (отложенная загрузка) для получения дополнительной информации: https://angular.io/guide/router#lazy -loading-route-configuration

...