angular - PrimeNG Accordion 中的 ng 模板问题

Question

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

主要问题是标题仅在单击 Accordion 选项卡后显示:

从这一刻开始，当 Accordion 选项卡关闭时，标题也会显示:

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

下面是我的代码，没有自定义 css 应用于 Accordion 和容器标签:

<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

删除 selected来自 p-accordionTab 的属性(property)应该可以解决您的问题。

替换<p-accordionTab [selected]="false">与 <p-accordionTab> (特别是因为 selected 的默认值是 false)。