AngularJS,如果变量=某事,则使用ng-class分配一个类

时间:2013-11-01 13:19:33

标签: angularjs

如果选择了类别,我正在尝试为图标指定其他类。如果变量category == a number,我想添加类“con-pfeil_unten”。我正在尝试:

<i class="icon-pfeil_oben" ng-class="{'icon-pfeil_unten': category.16}"></i>

其中16是类别的ID。如果category == 16,则没有任何反应。我想我写的表达错了。使用ng-class测试变量值的正确方法是什么?

2 个答案:

答案 0 :(得分:61)

你可以这样做:

ng-class="{true: 'icon-pfeil_unten', false: 'icon-pfeil-oben'}[category == 16]"

基本上,if category == 16躲避true,添加课程icon-pfeil_unten

答案 1 :(得分:18)

您也可以这么做:

    ng-class="category==16 ? 'icon-pfeil_unten' : 'icon-pfeil-oben'"