Estoy usando el componente desplegable de PrimeNG. En cada opción de la lista, tengo un ícono y al hacer clic en él, quiero llamar a un método. Además, necesito el evento onChange del menú desplegable para llamar a otro método.
El caso es que, de alguna manera, quiero lograr que el evento onChange nunca se active cuando se hace clic en el ícono, aunque la opción puede haber cambiado.
<p-dropdown [options]="options" (onChange)="onOptionSelect($event.value)" > <ng-template let-option pTemplate="item"> <div> <div>{{option.value.value}}</div> <i class="pi pi-pencil" (click)="editOption(option.value)"></i> </div> </ng-template> </p-dropdown>Actualice, encontré una manera de solucionarlo, solo paso el evento en editOption y llamo a Event.stopImmediatePropagation :)