Angular 4子路由始终包含来自父路径的参数

// 父路由配置
const routes: Routes = [
  {
    path: 'parent/:id', // 父路径包含参数:id
    component: ParentComponent,
    children: [
      {
        path: 'child',
        component: ChildComponent
      }
    ]
  }
];

// 子路由配置
const childRoutes: Routes = [
  {
    path: '',
    component: ChildComponent
  }
];

// 在父组件中使用子路由
@Component({
  selector: 'app-parent',
  template: `
    <h1>Parent Component</h1>
    <router-outlet></router-outlet> <!-- 子路由将会在这里渲染 -->
  `
})
export class ParentComponent { }

// 在子组件中获取来自父路径的参数
@Component({
  selector: 'app-child',
  template: `
    <h2>Child Component</h2>
    <p>Parent ID: {{ parentId }}</p> <!-- 显示来自父路径的参数 -->
  `
})
export class ChildComponent {
  parentId: string;

  constructor(private route: ActivatedRoute) {
    this.parentId = this.route.snapshot.paramMap.get('id');
  }
}