我希望能够将路由重定向路径与 Angular 中的卸载模块链接起来,这样我就可以将路径信息保留在配置路由路径的相对模块中。
例如在 app-routes.module.ts
const appRoutes: Routes = [
{ path: 'home', loadChildren: 'app/home/home.module#HomeModule' },
{ path: 'feature', loadChildren: 'app/feature/feature.module#FeatureModule' },
//----- App Root Routing Necessary Safeguards (AppRoutingModule) ----------
{ path: '', redirectTo: '/home', pathMatch: 'full' }, /* '/home' only so I can change the relative route paths in home-routing.module without going back here */
{ path: '**', component: PageNotFoundComponent }
];
例如在 home-routes.module.ts.. 它还需要处理重定向。(甚至来自以前的重定向)
const homeRoutes: Routes = [
{ path: '', redirectTo: '/home/start', pathMatch: 'full' }, /* Placed first since it's a first-match win in config */
{
path: '',
component: HomeComponent,
children: [
{ path: 'start', component: startComponent },
{ path: 'component-two', component: ComponentTwo },
{ path: 'component-three', component: ComponentThree },
]
},
];
当我使用路径时,我能够获得我的重定向/home
,但当它使用默认的空路径时却不能/
。
例如加载应用程序时的重定向行为(左侧的网址和右侧的重定向):
/
--->/home
/home
-->/home/start
期望的行为:
/
--->/home/start
/home
-->/home/start
我应该在 home-routes.module 使用什么配置来达到预期的效果?