使用具有属性/值对表达式的ng-class

时间:2016-03-05 14:27:45

标签: angularjs class angularjs-ng-repeat expression ng-class

我希望能够使用ng-class根据表达式的true / false值触发类。我知道如果只是检查一个属性的存在,该怎么做,但我想做的是输入一个表达式,说这个属性的这个'

所以,如果我试图将颜色与足球运动员的位置联系起来,例如,我想说:

<p ng-class="{'green': player.position: gk}">

但这不起作用。

有没有办法做到这一点?如果是的话,我哪里错了?

JSFiddle示例:http://jsfiddle.net/Paulos3000/U3pVM/22917/

在这个例子中,我希望任何位置为“gk”的玩家都是绿色。

提前致谢

1 个答案:

答案 0 :(得分:4)

<p ng-class="{'green': player.position == 'gk'}">

这应该有效:)