angularjs通过三元和另一类始终应用一个类

时间:2014-04-08 14:26:51

标签: angularjs glyphicons

我想在我的图标标签上始终使用'glyphicon'类。 我想在item.expanded为false时使用'glyphicon-plus'类,在item.expanded为true时使用'glyphicon-minus'类。

似乎有一种简单的方法可以做到这一点,但是当我需要另一个类总是在那里时,我使用三元运算符是不成功的。以下代码不起作用。

<i ng-class="'glyphicon', (item.expanded) ? 'glyphicon-minus' : 'glyphicon-plus'"></i>

1 个答案:

答案 0 :(得分:3)

ng-class并不像这样。

谷歌说:What is the best way to conditionally apply a class?

所以你的问题的答案可能是:

<i class="glyphicon" ng-class="{'glyphicon-minus' : item.expanded, 'glyphicon-plus' : !item.expanded}"></i>