Comment empêcher PrimeNG Tree onNodeSelect() de se déclencher lors de l'utilisation de modèles?

Question

J'essaie d'utiliser un arbre PrimeNG avec un modèle. Tout est bien affiché, mais tout clic à l'intérieur de mon template est en train de sélectionner/déselectionner le noeud, y a-t-il un moyen de l'éviter? Dans le code suivant, je veux seulement un clic sur l'élément pour appeler doSomething(), non nodeSelected() ainsi:

<p-tree [value]="tree" selectionMode="checkbox" [(selection)]="treeSelected" (onNodeSelect)="nodeSelected($event.node.data)"> 
    <ng-template let-node pTemplate="template1"> 
     {{node.label}} 
     <span class="labelDescription">Type 1</span> 
     <a href="javascript:void(0);" (click)="doSomething(node.data)">Do Something</a> 
    </ng-template> 
</p-tree> 

Answer 1

MISE À JOUR:

Pour éviter le bouillonnement de l'événement de clic de la article à la rangée, à l'intérieur de placer cette méthode doSomething():

doSomething($event, item){  
    event.stopPropagation(); 
    // as before 
} 

et modifier le code HTML si:

<a href="javascript:void(0);" (click)="doSomething($event, node.data)">Do Something</a> 

Vieille réponse:

Vous pouvez essayer ce qui suit:

<p-tree [value]="tree" selectionMode="checkbox" (click)="null" 
[(selection)]="treeSelected" (onNodeSelect)="nodeSelected($event,$event.node.data)"> 

nodeSelected(event, element) 
    event.stopPropagation(); 
..... 
    // as before 
}