实现angular 的所有路由转换为一维数组

在 Angular 中，可以使用 RouterModule 的 flatten() 方法来将路由配置转换为一维数组。

例如，假设你的路由配置看起来像这样：

const routes: Routes = [
  {
    path: '',
    component: HomeComponent,
    children: [
      { path: '', component: DashboardComponent },
      { path: 'profile', component: ProfileComponent },
      { path: 'settings', component: SettingsComponent }
    ]
  },
  { path: 'login', component: LoginComponent }
];

你可以在导入 RouterModule 时使用 flatten() 方法将其转换为一维数组：

@NgModule({
  imports: [
    RouterModule.forRoot(routes.flatten())
  ],
  exports: [RouterModule]
})
export class AppRoutingModule { }

这将生成一个类似于下面的一维数组：

[
  { path: '', component: HomeComponent },
  { path: '', component: DashboardComponent, outlet: 'primary' },
  { path: 'profile', component: ProfileComponent, outlet: 'primary' },
  { path: 'settings', component: SettingsComponent, outlet: 'primary' },
  { path: 'login', component: LoginComponent }
]

请注意，flatten() 方法会将所有的路由都打平，并且会为从属路由添加一个 outlet 属性。