Question

我正在使用PrimeNG开发angular2应用程序。我有一个树视图，在某些情况下，我需要向特定的树节点添加多个图标。对此有任何帮助表示赞赏。

示例：

  
Icon TreeNode1
     Icon1 Icon2 TreeNode2

我希望图标可以点击，以便我可以执行显示工具提示或显示弹出对话框等操作...

打开有关可用于实现上述功能的任何其他技术的建议

Answer 1

我正在寻找相关的东西，现在就找到了你的问题。要将多个图标添加到树的分支（或叶子），您需要为每种类型的TreeNode创建自己的模板。

<ng-template let-node  pTemplate="group">
        <i class="fa fa-bolt" (click)="doSomething('do lighting stuff')></i>
        <span>{{node.label}}</span>
</ng-template>
<ng-template let-node  pTemplate="node">
        <i class="fa fa-signal" (click)="doSomething('do signal stuff')></i> <i class="fa fa-info" (click)="doSomething('do info stuff')></i>
        <span>{{node.label}}</span>
</ng-template>

`

在这里查看TreeNode界面https://github.com/primefaces/primeng/blob/master/src/app/components/common/treenode.ts

Angular2应用程序中PrimeNG TreeNode的多个可点击图标

1 个答案: