英文:
How to move icon in primeng accordion from left to right?
问题
我想使用PrimeNg的手风琴,并希望折叠图标位于右侧,而不是左侧。我尝试操作iconPos属性,但无法使其对我起作用。有人能在这里给我建议吗?
<p-accordion [multiple]="true" [iconPos]="endVal">
   <p-accordionTab header="标题1">
       内容1
   </p-accordionTab>
   <p-accordionTab header="标题2">
       内容2
   </p-accordionTab>
   <p-accordionTab header="标题3">
       内容3    
   </p-accordionTab>
 </p-accordion>
英文:
I want to use an accordion from PrimeNg and I want collapse icon to be on the right side, not left. I tried to manipulate the iconPos attribute, but I cannot make it working for me. Can someone advise me here?
<p-accordion [multiple]="true" [iconPos]="endVal"> // endVal comes from ts and gets "end"
   <p-accordionTab header="Header 1">
       Content 1
   </p-accordionTab>
   <p-accordionTab header="Header 2">
       Content 2
   </p-accordionTab>
   <p-accordionTab header="Header 3">
       Content 3    
   </p-accordionTab>
 </p-accordion>
答案1
得分: 1
iconPos参数在PrimeNG 15.1.0中引入,请确保您至少运行此版本。
此外,由于这是您StackBlitz中的问题,请确保将参数绑定到属性,而不是字符串'endVal':
<!-- 在您的StackBlitz中 -->
<p-accordionTab header="Header I" [selected]="true" iconPos="endVal">
<!-- 应该是 -->
<p-accordionTab header="Header I" [selected]="true" [iconPos]="endVal">
英文:
The iconPos parameter was introduced in PrimeNG 15.1.0, please make sure you're running at least this version.
Additionally, since this is a problem in your StackBlitz, please ensure you bind parameter to the property, not string 'endVal':
<!-- in your StackBlitz -->
<p-accordionTab header="Header I" [selected]="true" iconPos="endVal">
<!-- should be -->
<p-accordionTab header="Header I" [selected]="true" [iconPos]="endVal">
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。


评论