Question

我正在Angular 6应用程序中使用PrimeNg。我正在尝试将PrimeNg从v4.2.1升级到v6.1.7。

HTML如下：

<p-accordion>
    <p-accordionTab header="tab1">.....</p-accordionTab>
    <p-accordionTab header="tab2">.....</p-accordionTab>
    <customComp1></customComp1>
    <customComp2></customComp2>
</p-accordion>

customComp1和customComp2都是这样的：

<p-accordionTab header="tabX">.....</p-accordionTab>

p-accordian的配置使得一次只能打开一个选项卡。

在浏览器中进行检查的最终DOM如下：

<p-accordion>
    <p-accordionTab header="tab1">.....</p-accordionTab>
    <p-accordionTab header="tab2">.....</p-accordionTab>
    <customComp1>
        <p-accordionTab header="tab3">.....</p-accordionTab>
    </customComp1>
    <customComp2>
        <p-accordionTab header="tab4">.....</p-accordionTab>
    </customComp2>
</p-accordion>

问题：：当我打开tab1或tab2然后尝试打开另一个，但是当我打开tab3和/或tab4，其他任何打开的标签都不会自动关闭，因此我可以看到多个打开的标签。

我正在寻找一种将所有选项卡链接在一起的方法，以便它们都知道它们属于同一父手风琴。

这在v4.2.1中达到了预期的效果，但到目前为止，我已经在 v6.0.0和v6.1.7中对其进行了测试，但效果并不理想。

其次，我也看不到p-accordionTab随附的切换箭头。在这方面的任何帮助也将受到赞赏！

Answer 1

I suggest you do:

<p-accordion>
    <p-accordionTab header="tab1">.....</p-accordionTab>
    <p-accordionTab header="tab2">.....</p-accordionTab>
    <p-accordionTab header="tab3"><customComp1>....</customComp1></p-accordionTab>
    <p-accordionTab header="tab4"><customComp2>....</customComp2></p-accordionTab>

</p-accordion>

PrimeNg：Accordian标签不会自动关闭

1 个答案: