ng-template PrimeNG 手风琴中的问题

Question

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

主要问题是 header 仅在单击手风琴选项卡后显示：

从这一刻起，header 也会在选项卡手风琴关闭时显示：

关于如何解决此问题的任何想法？请注意 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>

Answer 1

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

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

ng-template PrimeNG 手风琴中的问题

ng-template issue in PrimeNG accordion

angular

accordion

primeng

ng-template