实现在angular 中递归 router.config

在 Angular 中，你可以使用递归的方式来配置路由。

首先，你需要在路由配置数组中定义一个路由，其中包含一个 children 属性，该属性是一个由子路由配置对象组成的数组。例如：

const routes: Routes = [
  {
    path: '',
    component: ParentComponent,
    children: [
      {
        path: 'child1',
        component: Child1Component
      },
      {
        path: 'child2',
        component: Child2Component
      }
    ]
  }
];

接下来，你可以在父组件的模板中使用 <router-outlet> 标签来渲染子组件，并且在子组件的模板中再次使用 <router-outlet> 标签来渲染更深层的子组件。例如：

<!-- 父组件模板 -->
<router-outlet></router-outlet>

<!-- 子组件模板 -->
<router-outlet></router-outlet>

这样，你就可以在 Angular 中使用递归的方式配置路由了。