PrimeNG手风琴中的ng-template问题

问题描述

我想在PrimeNG手风琴组件中创建自定义标题和内容。 不幸的是，结果是这样的：

主要问题是仅在单击“手风琴”选项卡后才显示标题：

从这一刻起，当关闭标签式手风琴时，标题也会显示：

有关如何解决此问题的任何想法？ 请注意，Header只是一个占位符，它将被自定义内容替换。

下面是我的代码，没有将自定义CSS应用于手风琴和容器标签：

<p-tabView>
    <p-tabPanel header="Options" leftIcon='pi pi-cog'>
        <p-accordion multiple="false">
            <p-accordionTab [selected]="false">
                <ng-template pTemplate="header">Header</ng-template>
                <ng-template pTemplate="content">Content</ng-template>
            </p-accordionTab>
        </p-accordion>
    </p-tabPanel>
</p-tabView>

解决方法

从selected删除p-accordionTab属性应该可以解决您的问题。

将<p-accordionTab [selected]="false">替换为<p-accordionTab>（特别是因为selected的默认值为false）。