Angular2アプリケーションのPrimeNG TreeNodeへの複数のクリック可能なアイコン

Question

私はPrimeNGを使用してangular2アプリケーションを開発しています。私はツリービューを持っており、特定のシナリオでは、特定のツリーノードに複数のアイコンを追加する必要があります。これに関する助けに感謝します。

例：

 
Icon TreeNode1 
    Icon1 Icon2 TreeNode2 

は私が示すツールチップまたはshowポップアップダイアログなどのようなアクションを実行できるように、アイコンがクリック可能になりたい...

開くことができる任意の他の技術に関する提案について上記の機能を達成するために使用される

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