如何使用ngrx/路由器的子路由器？

Question

当我为子路由器使用不推荐的路由器时，我使用如下方式：

父路由器：

@Component({
  selector: 'app',
  directives: [RouterOutlet],
  template: `
    <router-outlet></router-outlet>
  `
})
@RouteConfig([
  { path: '/landing/...', name: 'Landing', component: LandingComponent }
])

子路由器：

@Component({
  selector: 'landing-component',
  directives: [RouterOutlet],
  template: `
    <router-outlet></router-outlet>      
  `
})
@RouteConfig([
  { path: '/welcome', name: 'Welcome', component: WelcomeComponent }
])
export class LandingComponent {
}

我正在尝试切换到ngrx/路由器。如何使用ngrx/路由器正确地执行此操作？

谢谢

Answer 1

我现在就是这样用它的：

const landingRoutes: Routes = [
  { path: '/landing1', component: Landing1Component },
  { path: '/landing2', component: Landing2Component }
];

const routes: Routes = [
  { path: '/landing',
    component: LandingComponent,
    index: {
      component: WelcomeComponent
    },
    loadChildren: () => new Promise(resolve => resolve(landingRoutes))
  }
];

确保在promise中返回loadChildren。

如果您想使用异步路由进行代码拆分，请查看这里以获得更多详细信息。