0

子ルーターに非推奨のルーターを使用する場合、次のように使用します。

親ルーター:

@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/router に切り替えようとしています。ngrx/router を使用して正しく行うにはどうすればよいですか?

ありがとう

4

1 に答える 1

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

非同期ルートでコード分割を行いたい場合は、こちらで詳細を確認してください。

于 2016-06-03T19:01:31.907 に答える