如何扩展/折叠手风琴内的面板?

时间:2018-02-13 18:14:45

标签: angular typescript primeng

我正在使用手风琴,我在 expandAll / collapseAll 面板中添加了两个按钮。基本上我希望用户能够管理手风琴中的每个面板。

我的问题如下:

1)假设用户扩展了所有面板

2)现在,崩溃仅限第一个面板

3)现在,展开仅限第一个面板

4)你已经注意到其他面板崩溃了(这是我的问题)。

扩展/折叠单个面板时,我不希望其他面板折叠。我希望每个小组独立行动。有谁知道如何实现这一目标?这是我的代码:

PLUNKER

expandAllPanels(){
this.arePanelsAllExpanded = true;
}

collapseAllPanels(){
this.arePanelsAllExpanded = false;
}

1 个答案:

答案 0 :(得分:2)

正如我所知,您正在使用primeNG,因此可以选择accrodion,因此您必须添加此

<p-accordion  [multiple]="true">

一切都会按你的意愿运作。试穿你的Plunker。