accordion - Primeng Accordion 标题按钮

Question

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

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

问题是，当我点击 Accordion 标题内的按钮时，特定的 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-