如何使手风琴标签独立？

Question

我有这个简单的手风琴，里面有 3 个手风琴标签。我希望默认情况下打开所有手风琴选项卡（我已经开始工作了）。我的问题是，如果我关闭 accordion 选项卡 1 然后再次打开它，它 将关闭所有 其他手风琴选项卡。我想要它，所以如果我 close/open 任何手风琴选项卡，它不应影响所有其他选项卡。有谁知道如何做到这一点。非常感谢！

这就是我想要的：

Working example

这是我的代码：

LIVE DEMO

<p-accordion>
 <p-accordionTab header="Accordion Tab 1" [selected]="true">
   <ul>
     <li>Colors</li>
     <li>Cities</li>
     <li>Facility</li>
     <li>Hobbies</li>
   </ul>
</p-accordionTab>
<p-accordionTab header="Accordion Tab 2" [selected]="true">
    <ul>
      <li>Students</li>
    </ul>
</p-accordionTab>
    <p-accordionTab header="Accordion Tab 3" [selected]="true">
    <ul>
      <li>Music</li>
    </ul>
 </p-accordionTab>
</p-accordion>

Answer 1

将 [multiple]="true" 添加到您的 p-accordion

<p-accordion [multiple]="true">
 <p-accordionTab header="Accordion Tab 1" [selected]="true">
   <ul>
     <li>Colors</li>
     <li>Cities</li>
     <li>Facility</li>
     <li>Hobbies</li>
   </ul>
</p-accordionTab>
<p-accordionTab header="Accordion Tab 2" [selected]="true">
    <ul>
      <li>Students</li>
    </ul>
</p-accordionTab>
    <p-accordionTab header="Accordion Tab 3" [selected]="true">
    <ul>
      <li>Music</li>
    </ul>
 </p-accordionTab>
</p-accordion>

有关 PrimeNG Docs 的更多信息：

如何使手风琴标签独立？

How to make accordian tabs independent?

typescript

primeng

angular