angular - NgClass 没有在 true 上添加所有指定的类

Question

我在以下 html 上使用 ngClass 指令:

<i [ngClass]="{'fa fa-check': value, 'fa fa-cross':!value}"></i>

当 value == false 时，它工作得很好 - 它向图标添加了 fa fa-cross。但是，当 value == true 时，它只会向元素添加 fa-check。

参见 plnkr .

关于我哪里出错的任何想法？

谢谢

Answer 1

当你把它改成这样时它会起作用:

<i class="fa" [ngClass]="{'fa-check': value, 'fa-cross':!value}"></i>

这是一个plnkr .我还将 fa-cross 更改为 fa-times，因此我们可以实时看到更改。