在Angular 4的[ngClass]中没有显示font-awesome图标

Question

我在Angular 4 HTML模板中遇到一个奇怪的错误，我正在尝试切换<i>标签的类，但只显示一个类，而不是另一个类。这是我的代码;

<i [ngClass]="{'fa fa-eye': visible, 'fa fa-eye-slash': !visible}" aria-hidden="true" (click) = "toggle(pass)"></i>

TS：

visible = false;
toggle(event){
    this.visible = !this.visible;
}

当我检查我的应用时，第一个图标显示为fa fa-eye-slash上的默认值，但是当我点击它时它只显示框。

修改

尝试使用FA的不同图标，但没有显示任何图标。

Answer 1

您需要将html更改为：

|    +--- org.grails.plugins:spring-security-rest:2.0.0.M2
|    |    +--- com.google.guava:guava-io:r03
|    |    |    +--- com.google.guava:guava-annotations:r03
|    |    |    \--- com.google.guava:guava-base:r03
|    |    |         \--- com.google.guava:guava-annotations:r03