angularjs場合/他の場合/他（スイッチ）条件

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>