Добавление значка Font Awesome 5 из компонента Angular 5 - PullRequest
Новая
       68

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

0 голосов
/ 05 мая 2018

Я использую 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, и это работает, но из компонента это не так. Почему и что я могу сделать, чтобы это исправить?

1 Ответ

0 голосов
/ 05 мая 2018

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

...