代码之家 › 专栏 › 技术社区 › 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>

推荐文章

phpdroid · ngx引导BsModal从子组件关闭

8 年前

Chic Si · 在ngx bootstrap的日期选择器上分离输入和日历

8 年前

user1585001 · ngx bootstrap ProgressBar-模板的使用经过了详细说明

8 年前

derrickrozay · ngx引导:Modal以小而不是大的形式打开

8 年前

Francesco Borzi · canDeactivate Guard服务中的Angular use modal对话框,用于未提交的更改(表单脏)

8 年前