1

我正在使用 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 中它可以工作，但从组件中它没有。为什么以及我能做些什么来解决这个问题？

4

1 回答 1

0

Bootstrap 4 已移除 Font Awesome 导入，您需要显式导入 Font Awesome 。

于 2018-05-05T12:36:05.323 回答