ng-class删除了一个类,但没有将它放回去

时间:2014-11-06 04:32:07

标签: angularjs ng-class

在angular.js中,我试图根据$scope上的变量值来应用一组类。但是当我设置一对以空格分隔的类时,ng-class似乎正在删除任何已经存在的类(并且它不会将它们放回去)。

请参阅此处的小提琴:http://jsfiddle.net/fLf0fenj/

尝试点击任何灰色按钮。将出现一个图标。它是来自Font Awesome的一个,类是fa fa-whatever。现在单击另一个灰色按钮。图标应该变成另一个Font Awesome图标,但不是那个有两个类(fa fa-something-else)的元素,它只有fa-something-else,所以它看起来像一个正方形。

如果您改为单击灰色按钮,然后单击绿色按钮,则一切正常。因为绿色按钮使用了glyphicons图标,所以每次都会切换出类名。

如何解决此问题?

1 个答案:

答案 0 :(得分:0)

尝试

ng-class="statusIcon()"

这是一个有效的fiddle