Angular 4的[ngClass]中没有显示字体真棒图标

我在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提供的其他图标，但没有任何显示。