Primeng 手风琴标题按钮

Question

我有 Angular 5 应用程序，我正在使用 PrimeNG 组件。我创建了带有定义标题的 PrimeNG 手风琴，其中包含标题和一些操作按钮，如下所示：

<p-accordion>
   <p-accordionTab>
      <p-header>
         <span>Some card title</span>
         <p-button title="Delete" (onClick)="deleteCard()"></p-button>
      </p-header>
   </p-accordionTab>
</p-accordion>

问题是，当我点击手风琴标题内的按钮时，特定的手风琴标签触发切换打开/关闭点击事件，这看起来很奇怪。我怎么能分开这两次点击？

谢谢你的建议。

Answer 1

我知道这是一个旧帖子，但我是为任何像我一样遇到这个问题的人发帖。

在按钮的点击方法中，添加$event.stopPropagation();后跟您自己的事件，例如deleteCard()在 OP 帖子中。

<p-accordion>
   <p-accordionTab>
      <p-header>
         <span>Some card title</span>
         <p-button title="Delete" (onClick)="$event.stopPropagation(); deleteCard()"></p-button>
      </p-header>
   </p-accordionTab>
</p-