我使用Angular路由以两种方式访问子路由。
localhost:4200/child1
localhost:4200/home/(childOutlet: child1)
为此,我使用了以下模式。使用ng serve
时工作正常。但是当使用--aot
标志构建时,我不会使用第二种方法获取路由。
const childRoutes: Routes = [
{ path: 'child1', component: Child1Component },
{ path: 'child2', component: Child2Component },
]
const routes: Routes = [
...childRoutes,
{
{ path: 'home', component: HomeComponent, children: childRoutes.map((route) => Object.assign({}, route, { outlet: 'childOutlet' })) },
}
]
我认为AoT编译器会忽略childRoutes.map。有没有办法解决这个问题,而无需复制childRoutes
?