angular - 单击按钮时如何展开/折叠 Accordion 选项卡？

Question

我有这个 Accordion ，所以为了展开/折叠一个 Accordion 选项卡，我点击选项卡上的任意位置，但我希望能够在点击时展开/折叠ONLY 在“单击我”按钮 上，而不是在 Accordion 选项卡上。谁能指出我正确的方向？非常感谢!

这是我的代码:

LIVE DEMO

<p-accordionTab header="Accordion Tab 1" [selected]="true">
   <p-header>
      Accordion Tab 1
      <span>
         <button (click)="myFunction($event)">Click me</button>
      </span>
  </p-header>
   <ul>
     <li>Colors</li>
   </ul>
</p-accordionTab>

Answer 1

基于docs对于您正在使用的 Accordion 组件，您可以使用程序控制来实现您需要的功能。

这是 DEMO ，我在其中修改了您的代码。所有选项卡都被禁用，它们仅通过单击标题中的“单击我”按钮以编程方式打开/关闭。

---

UPD 新 DEMO与:

• multiple="true"
• 默认打开所有标签
• 覆盖 disabled 属性的自定义样式