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 提供任何图标类。 “扩展”：真；默认使用该属性展开节点。