如何通过ngrx / router使用子路由器？

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 / router正确执行操作？

谢谢

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))
  }
];

确保在loadChildren内部返回promise 。

如果要使用异步路由进行代码拆分，请在此处查看更多详细信息。