PrimeNG p-dropdown 防止 onChange 事件

Question

我正在使用 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>

Answer 1

更新，找到了解决方法，我只是在 editOption 中传递事件并调用 Event.stopImmediatePropagation :)