Angular 16 p-tree 组件(PrimeNG)

Angular 16 p-tree component(PrimeNG)

提问人:John 提问时间:11/18/2023 最后编辑:Heretic MonkeyJohn 更新时间:11/18/2023 访问量:11

问:

我在 PrimeNg Angular 16 中渲染自定义父节点及其子节点时遇到困难。

问题是我想在 p-tree 组件中具有自定义行为。

例如,当单击某些子标签时,我需要添加特定图标。 此外,我想自定义这些子节点标签,使它们看起来与父节点标签不同。

例:

<p-tree [value]="nodes" class="w-full md:w-30rem">
  <ng-template let-node pTemplate="default">
    <span>{{ node.label }}</span>
    <!----- here I want to render children node label -->
  </ng-template>
  <ng-template let-node pTemplate="default">
    <b>{{ node.label }}</b>
    <!----- here I want to render parent node label  -->
  </ng-template>
</p-tree>

但是我不能针对这些子标签属性。

数据结构就是数据

我尝试了 https://primeng.org/tree 官方文档中的所有内容。

Angular TypeScript Primeng

评论


答: 暂无答案