javascript - angularjs if/else if/else (switch) 条件

Question

你好我有一个问题 我的代码和数据在这里

     <div class="table-row" ng-repeat="x in myData" >
     <div class="table-cell" >{{x.accountNumber}}</div>
     <div class="table-cell"><span class="table-cell-asset">        
     {{x.totalAsset/100|currency}} </span><br/> 
     <span class="table-cell-changes">{{x.changePercent}}%/      
     {{x.changeDollar}}</span></div>
     </div>

changePercent 是一个 float ，可以是正数或负数或 0 我想添加一个类似的 if/else 语句来改变 changePercent 的颜色和 changeDollar 的正负或 0。 我知道 Controller 会完成这项工作。我想知道我是否可以使用一些指令内联代码来完成比较并根据结果更改颜色。

Answer 1

使用 ng-class 和 css 规则来着色:

<span class="table-cell-changes" 
      ng-class="{'green': x.changePercent > 0, 
                 'yellow': x.changePercent == 0, 
                 'red': x.changePercent < 0}">
       {{x.changePercent}}%/{{x.changeDollar}}
</span>