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是一个浮点数，可以是正数或负数，也可以是0 我想添加一个类似的if / else语句来改变changePercent颜色和changeDollar为正负数或0。我知道控制器会完成这项工作。我想知道我是否可以使用一些指令内联代码完成比较并按结果更改颜色。

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>

angularjs if / else if / else（switch）条件

1 个答案: