'Angular Bootstrap Tab Icons

Is there way way to use Font Awesome icons inside Angular Bootstrap Tab Headers? http://valor-software.com/ngx-bootstrap/#/tabs

I am only seeing a string option?

<tab index="0" heading="Info">

Solution:

<tab index="0">
<template tabHeading>
  <i class="fa fa-info-circle" aria-hidden="true"></i> Info
</template>

Solution 1:^[1]

Solution:

<tab index="0">
<template tabHeading>
  <i class="fa fa-info-circle" aria-hidden="true"></i> Info
</template>

use <ng-template> and then you can place any custom html and give styling if needed.

<tab index="0">
 <ng-template tabHeading>
       <i class="fa fa-info-circle" aria-hidden="true"></i> Info
 </ng-template>
</tab>

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Solution	Source
Solution 1	simple
Solution 2	Ankit