如何将图标添加到 ngx-bootstrap accordion-group 标题中？

Question

如何使用 ngx-bootstrap，将图标添加到 accordion-group 标题？ 例如：

<accordion-group heading="<i class='fa fa-users'></i> Users"> This content is straight in the template. </accordion-group>

Answer 1

我觉得可以这样..

<accordion-group #group>
    <span accordion-heading>
      <i class='fa fa-users'></i> Users
    </span>
    This content is straight in the template. 
</accordion-group>

Answer 2

您可以通过以下方式设置超赞字体图标。

<accordion-group [isOpen]="false" #accGroup>
  <button class="btn btn-light float-right">
    <i class="fa" [ngClass]="{'fa-arrow-down': accGroup?.isOpen, 'fa-arrow-up': !accGroup?.isOpen}"></i>
  </button>
</accordion-group>