在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更改为：

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