缩短ng-class值

Question

有没有更简洁的方式来写这个：

ng-class="{ 'red': (percent < 0), 'green': (percent > 0), 'glyphicon-arrow-down': (percent < 0), 'glyphicon-arrow-up': (percent > 0) }"

我发现自己编写了很多这种过长的ng-class属性表达式。

Answer 1

您可以组合like条件的类。

ng-class="{ 'red glyphicon-arrow-down': (percent < 0), 'green glyphicon-arrow-up': (percent > 0) }"

Answer 2

也许可以去掉括号，比如：

ng-class="{ 'red': percent < 0, 
            'green': percent > 0, 
            'glyphicon-arrow-down': percent < 0, 
            'glyphicon-arrow-up': percent > 0 }"