PrimeNG p-dropdown防止onChange事件



我使用PrimeNG的下拉组件。在列表的每个选项,我有一个图标,并点击它,我想调用一个方法。另外,我需要下拉菜单的onChange事件来调用另一个方法。

问题是,我想实现的是,onChange事件永远不会触发,当图标被点击,尽管选项可能已经改变。

<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>

更新,找到了一种方法来修复它,我只是通过editOption中的事件并调用event . stopimmediatepropagation:)

最新更新