Angular 路由添加子级路由

在 Angular 中，可以通过添加子级路由来实现嵌套路由。以下是添加子级路由的步骤：

1. 在父级路由的定义中，添加一个 `children` 数组。

const routes: Routes = [
  {
    path: 'parent',
    component: ParentComponent,
    children: [
      {
        path: 'child',
        component: ChildComponent
      },
      // 添加更多子级路由
    ]
  },
  // 添加更多路由
];

2. 在子级路由的定义中，指定子级路由的路径和对应的组件。

{
  path: 'child',
  component: ChildComponent
}

3. 在父级组件的模板中，添加一个 `router-outlet` 元素，用于显示子级路由的组件。

<router-outlet></router-outlet>

4. 使用父级路由的路径和子级路由的路径组合成完整的路由路径，即可访问子级路由。

<a routerLink="/parent/child">Go to child route</a>

注意：子级路由的路径是相对于父级路由的路径而言的。在上面的例子中，子级路由的完整路径是 `/parent/child`。如果父级路由的路径是 `/parent/:id`，那么子级路由的完整路径就是 `/parent/:id/child`。