angular - Angular PrimeNG pTree 树节点

Question

如何根据显示的层次顺序在Angular中获取pTree的TreeNode节点的位置？

我有 TreeNode 类型的数据，并且在数据中我还有孩子，分支孩子，任意数量的分支。如何按照层次顺序访问这些节点，假设 child1 是 Children 的子节点，Children 是根“Root”的子节点。所以child2的位置为="Root.Children.child1"。

**export interface TreeNode {
label?: string;
child?: [TreeNode];
}**

Answer 1

import { TreeNode } from 'primeng/api';

导入 TreeNode 并将其用作变量的类型，不需要接口。

treeData: TreeNode[]=[
        {
        "label": "Documents",
        "data": "Documents Folder",
        "expandedIcon": "fa fa-folder-open",
        "collapsedIcon": "fa fa-folder",
        "children": [{  
                       "label": "Documents 2",
                       "data": "Documents Folder 2",
                       "expandedIcon": "fa fa-folder-open",
                       "collapsedIcon": "fa fa-folder",
                       "children":[{ 'same format for any number 
                                      of childrens' }]
                    }]
        }]

使用这种格式的 p-tree 可以用任意数量的子节点构建，对于展开和折叠的图标，您可以提供来自 prime-ng 或 icon-font-class 的任何图标类。“扩展”：真；默认使用此属性展开节点。