代码之家 › 专栏 › 技术社区 › Junior Gantin

如何将图标添加到ngx引导手风琴组标题中?

ngx-bootstrap accordion bootstrap-4 angular

11

Junior Gantin · 技术社区 · 8 年前

使用ngx引导程序,如何将图标添加到手风琴组标题? 例如:

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

2 回复 | 直到 8 年前

1

16

Carol Skelly 8 年前

我想可以这样做。。

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

2

Bhadresh Patel 5 年前

您可以使用下面的方式设置字体真棒图标。

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