2016-12-13 1 views
0

PrimeNG를 사용하여 angular2 응용 프로그램을 개발하고 있습니다. 트리보기가 있고 특정 시나리오에서 특정 트리 노드에 둘 이상의 아이콘을 추가해야합니다. 이 문제에 대한 도움을 주시면 감사하겠습니다.Angular2 응용 프로그램에서 PrimeNG TreeNode에 여러 개의 클릭 할 수있는 아이콘

예 :

 
Icon TreeNode1 
    Icon1 Icon2 TreeNode2 

은 내가 보여주는 툴팁거나 표시 팝업 대화 등과 같은 작업을 수행 할 수 있도록 아이콘을 클릭 할 수 싶어 ...

열 수있는 다른 기술에 대한 제안에 위의 기능을 달성하는 데 사용하십시오

답변

0

나는 뭔가를 찾고 있었고 지금 당장 귀하의 질문을 찾았습니다. 는

<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.`의 각 유형의 TreeNode 인터페이스에 대한 자신의 템플릿을 만들 필요가 트리의 분기 (또는 잎)에 여러 아이콘을 추가하려면 https://github.com/primefaces/primeng/blob/master/src/app/components/common/treenode.ts