Angular 2获取延迟加载路由的子路由

Question

我有一个带有延迟加载定义路由的 App 模块:

export const routes: Routes = [
    { path: '', pathMatch: 'full', loadChildren: 'app/dashboard/dashboard.module#DashboardModule', component: CoreComponent, data: {showInMenu: false, role: 'ROLE_USER'}},
    { path: 'admin', loadChildren: 'app/admin/admin.module#AdminModule', component: CoreComponent, data: {showInMenu: true, role: 'ROLE_ADMIN'}},
];

在 Admin 模块中，我定义了管理员的路由:

export const adminRoutes: Routes = [
    { path: '', pathMatch: 'full', component: AdminDashboardComponent},
    { path: 'areas', component: ManageAreasComponent}
];

我想知道是否可以在加载模块之前获取 admin ('' 和 'areas') 的路由？接下来我想实现的是:我想要延迟加载模块，但是当你打开应用程序时，我想显示应用程序主菜单，它还应该显示二级导航路线(不仅仅是链接到“admin”还有'admin/areas'。并非所有用户都可以访问所有路线...)

Answer 1

您可以使用 CanActivate 守卫，导入子路由并将其取消写入 routeConfig 并调用 resetConfig 方法。

您可以在此链接中找到更多详细信息 https://github.com/angular/angular/issues/11437

希望对您有所帮助。