如何解决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)。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。