2014-11-21 74 views
0

有没有写这个任何方式更简洁:我发现自己写了很多,这些超长ng-class属性表达式缩短纳克级值

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

+0

我5毛钱,为什么不工作了也是我的意思是红色glyphicon箭头向下'的CSS:(百分比<0),你可以设置起来一个类图形 - 箭头 - 下 - 红色等等 – Whisher 2014-11-21 16:38:03

回答

0

您可以组合类似条件的类。

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

也许采取了括号,如:

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