Angular Tree Component：当前节点顶级父节点获取返回undefined问题

你的代码问题出在递归调用时没有返回结果：

• 当expandParents递归调用自身（this.expandParents(parent)）时，只是执行了函数逻辑，但没有把递归得到的顶级父节点返回给上层调用。
• 只有当找到层级为0的父节点时，函数才会return这个节点，但外层的递归调用没有传递这个返回值，导致最开始调用expandParents(node)时没有任何返回值，自然topLevelParent就是undefined。

修复后的代码如下：

expandParents(node: any) {
    const parent = node.data.x.parent;

    if (!!parent && this.getLevel(parent) > 0) {
      // 新增return，把递归结果逐层返回给上层
      return this.expandParents(parent);
    } else if (!!parent && this.getLevel(parent) === 0) {
      console.log('1. ', parent);
      return parent;
    }
    // 兜底处理：无父节点时返回undefined（可根据业务需求调整）
    return undefined;
  }

  getTopLevelParent(node: T) {
    const topLevelParent = this.expandParents(node);

    console.log('2. ', topLevelParent);
    return topLevelParent;
  }

修改后，递归调用会把找到的顶级父节点逐层向上返回，getTopLevelParent就能拿到正确的结果。

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