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

Question

如果选择了类别,我正在尝试为图标分配不同的类.如果变量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测试变量值的正确方法是什么？

Answer 1

你可以做:

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

所以基本上,if category == 16evals to true,添加类icon-pfeil_unten

Answer 2

你也可以这么做:

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