1. 确保在父路由模块中添加了子路由的配置。 例如，父路由模块 app.module.ts 中：

const routes: Routes = [
  { path: '', component: ParentComponent, children: [
    { path: '', redirectTo: 'child', pathMatch: 'full' },
    { path: 'child', component: ChildComponent }
  ]}
];

2. 在子组件的模板中添加 元素，以显示子路由组件。 例如，子组件 child.component.html 中：

3. 确保在子路由组件中添加子路由的配置，包括路由路径和组件。 例如，子路由模块 child.module.ts 中：

const routes: Routes = [
  { path: '', component: ChildComponent },
  { path: 'details/:id', component: DetailComponent }
];

4. 在父组件的模板中添加子路由的链接。 例如，父组件 parent.component.html 中：

Child

5. 在子组件中使用相对导航链接。 例如，子组件 child.component.html 中：

Details

注意：每个子路由模块都需要导入和添加到父路由模块中。