縮短納克級值

Question

有沒有寫這個任何方式更簡潔：我發現自己寫了很多，這些超長ng-class屬性表達式

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

。

Answer 1

您可以組合類似條件的類。

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 }"