angular - 默认angular导航到子路由

Question

我试图默认导航到子路由，所以这是我的路由:

const routes: Routes = [
  {
    path: '', --> /config
    redirectTo: 'branding',
    component: ConfigurationComponent,
    children: [
      { path: 'branding', component: BrandingComponent },
      { path: 'channel-branding', component: ChannelBrandingComponent },
      { path: 'date-time', component: DateTimeSettingsComponent },
      { path: 'graph', component: GraphSettingsComponent },
      { path: 'grid', component: GridSettingsComponent },
      { path: 'labels', component: LabelSettingsComponent }
    ]
  },
];

父路由是 /config 子路由是 /config/branding 等我想去 /config/branding如果有人导航到 /config，则为默认值。我尝试使用 redirectTo 但这似乎破坏了所有的东西。我怎样才能得到这种行为？

Answer 1

在你的 child 数组中添加重定向，就像这样

 children: [
      { path: '', redirectTo: 'branding' },
      { path: 'branding', component: BrandingComponent },
      { path: 'channel-branding', component: ChannelBrandingComponent },
      { path: 'date-time', component: DateTimeSettingsComponent },
      { path: 'graph', component: GraphSettingsComponent },
      { path: 'grid', component: GridSettingsComponent },
      { path: 'labels', component: LabelSettingsComponent }
    ]

谢谢。