Angular Dart：子组件如何获取父路由中的id参数？

你的推测完全正确——这个id参数属于父路由myObjects，当前子组件的_routeParams.params自然无法直接拿到它。下面给你两种简单可行的解决办法：

方法一：通过ActivatedRoute的parent属性获取 #

Angular的ActivatedRoute提供了parent属性，可以直接访问父路由的参数。根据你的业务场景，你可以选择两种获取方式：

代码示例： #

首先在组件中注入ActivatedRoute：

import { ActivatedRoute } from '@angular/router';
import { OnInit } from '@angular/core';

export class MySubObjectsListComponent implements OnInit {
  constructor(private route: ActivatedRoute) {}

  ngOnInit(): void {
    // 方式1：订阅父路由参数变化（推荐参数可能动态更新的场景）
    this.route.parent?.params.subscribe((params) => {
      const objectId = params['id'];
      console.log('父路由的id参数：', objectId);
      // 在这里处理你的业务逻辑
    });

    // 方式2：使用快照获取参数（适合参数固定不变的场景）
    const objectId = this.route.parent?.snapshot.params['id'];
    if (objectId) {
      console.log('父路由的id参数（快照）：', objectId);
    }
  }
}

方法二：遍历路由树获取参数（适用于多层嵌套路由） #

如果你的路由结构是多层嵌套的复杂场景，可以通过遍历ActivatedRoute的层级链来获取所有路由参数，但这种情况相对少见，方法一已经能覆盖绝大多数常规场景。

小提示：如果你的Angular版本是6+，_routeParams已经被官方废弃，建议直接使用ActivatedRoute来处理路由参数相关操作哦。

内容的提问来源于stack exchange，提问作者matth3o