PrimeNG 手风琴中的 ng-template 问题答案

【问题标题】：ng-template issue in PrimeNG accordionPrimeNG 手风琴中的 ng-template 问题
【发布时间】：2021-02-18 01:24:54
【问题描述】：

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

主要问题是只有在点击手风琴选项卡后才会显示标题：

从现在开始，当tab手风琴关闭时，标题也将显示：

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

【问题讨论】：

标签： angular accordion primeng ng-template

【解决方案1】：

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

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

【讨论】：

如果我想设置要选择的 p-accordionTab 之一，这不是默认行为？