html - 如何在角引导手风琴中修改标题属性中的文本

Question

我正在使用 angular bootstrap 中的手风琴，但遇到了问题。我有以下手风琴代码：

<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>

这里的问题是标题文本总是左对齐的。我希望“状态：完成”这个词右对齐，但我该怎么做？

附加信息：我正在使用 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>