如何在Angular树组件中获取选中节点至最后节点的完整路径

• 向上遍历DOM节点：从选中的双周节点出发，用parentElement（JavaScript）或者XPath的../语法逐层往上查找，定位到存储年月信息的父容器，直接提取其中的年月文本。
• 给节点绑定关联数据：渲染选项时，给每个双周节点添加data-*属性（比如data-year-month="2024-06"），把对应的年月信息存入其中，选中后直接读取该属性值即可，无需遍历路径。
• 借助事件上下文获取：如果是通过点击事件选中节点，从事件对象的target或currentTarget入手，找到它所在的年月分组容器，或者同层级的年月标签元素，获取对应信息。
• 用XPath定位祖先节点：编写XPath表达式直接定位选中节点的祖先容器，比如ancestor::div[contains(@class, 'year-month-group')]，再从这个容器中提取年月内容。

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