Добавление значка Font Awesome 5 из компонента Angular 5

Question

Я использую Font Awesome 5 (angular2-fontawesome - package) с Angular 5.

Я пытаюсь импортировать иконку fa из компонента.

Html:

<mat-list>
     <mat-list-item><a [routerLink]="['/']" fragment="intro-text" [innerHTML]="introText"> {{introText}} </a></mat-list-item>
     ...
</mat-list>

Составная часть:

introText = "Welcome";

@HostListener("window:resize", ["$event"])
onResize(event) {      
  this.introText = window.innerWidth < 1080 ? '<i fa class="fas fa-home"></i> <h1>1</h1>' : "Welcome";
}   

Когда я выше 1080 пикселей, он показывает мне "Добро пожаловать", а когда ниже - номер 1, жирный и большой.

Проблема в том, что значок не появился. Я проверил, чтобы поставить...

<i fa class="fas fa-home">

в HTML, и это работает, но из компонента это не так. Почему и что я могу сделать, чтобы это исправить?

Answer 1

Bootstrap 4 удалил импорт Font Awesome, вам нужно явно импортировать Font Awesome .