html - 如何在 Angular 引导 Accordion 中修改标题属性中的文本

Question

我正在使用 Angular Bootstrap 中的 Accordion ，但遇到了问题。我有以下 Accordion 代码:

<accordion close-others="true">
    <accordion-group heading="Living Room  Status: Complete">
        //some content
    </accordion-group>
    <accordion-group heading="Bed Room  Status: Complete">
        //some content
    </accordion-group>
</accordion>

这里的问题是标题文本总是左对齐的。我希望“Status:Complete”一词右对齐，但我该怎么做呢？

附加信息:我正在使用 Angular Bootstrap 中的这个文件 >> ui-bootstrap-tpls-0.11.0.min.js

Answer 1

这个解决方案可能对你有帮助

<accordion close-others="true">
    <accordion-group heading="Living Room  Status: Complete">
       <accordion-heading>
        <p class="clearfix" style="margin-bottom: 0;"><span  style="float: left;">Living Room</span> <span style="float: right;">Status: Complete</span></p>
       </accordion-heading>
  This content is straight in the template.
</accordion-group>
    </accordion-group>
    <accordion-group heading="Bed Room  Status: Complete">
     <accordion-heading>
        <p class="clearfix" style="margin-bottom: 0;"><span  style="float: left;">Bed Room</span> <span style="float: right;">Status: Complete</span></p>
       </accordion-heading>
    </accordion-group>
</accordion>