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

Question

我现在面临一个奇怪的错误在我的角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>