如何在angularjs中绑定值之前获取先前的值并与新值进行比较

时间:2015-02-07 04:33:16

标签: angularjs angularjs-directive angularjs-scope

我正在使用实时应用程序来显示当前的黄金市场价格。我通过ajax获取服务并将值转换并显示到表中。目前动态创建此表并附加到div。所以我可以与当前获得价值的表格行数据进行比较,可以设置价格上涨/下降或正常颜色值,如下图,

var tableid = document.getElementById("ratetable");
for(var i=1;i<tableid.rows.length;i++) {
    selling_rate = data.Commodities.Commodity.selling_rate;
    buying_rate =  data.Commodities.Commodity.buying_rate;

    if(tableid.rows[i].cells[1].innerHTML > selling_rate) {
        tableid.rows[i].cells[1].style.color = "#FFFFFF"; //Red
        tableid.rows[i].cells[1].style.background = "#FF0000";
    } else if(tableid.rows[i].cells[1].innerHTML < selling_rate) {
        tableid.rows[i].cells[1].style.color = "#ffffff"; //Green
        tableid.rows[i].cells[1].style.background = "#2636f2";
    } else {
        tableid.rows[i].cells[1].style.color = "#000000"; //black
        tableid.rows[i].cells[1].style.background = "";
    }   
    tableid.rows[i].cells[1].innerHTML = selling_rate;

}

为此,我使用波纹管代码以角度js

创建表格
<table width="480" border="0" cellpadding="0" cellspacing="0" class="rate-table" id="ratetable">
                                    <tr class="table-title">
                                        <td width="297">DESCRIPTION</td>
                                        <td width="183">PRICE</td>
                                    </tr>
                                      <tr ng-repeat="commodity in commodityrate.Commodity" ng-class-odd="'oddrow'" ng-class-even="'silver'">
                                          <td width='297'>{{commodity.name}}</td>
                                          <td width='183'>{{commodity.selling_rate}}</td>
                                    </tr> 

                            </table>

但我需要检查值(将新值与之前的值进行比较)并更新颜色代码。为此,我尝试了

ng-class="{highcolor: $scope.text>commodity.selling_rate, lowcolor: $scope.text<commodity.selling_rate, normalcolor: $scope.text==commodity.selling_rate}"

但是这没有用,如何在角度js中做到这一点。有没有办法做这个动态创建的值来比较angular $ watch。请任何人帮助我。

1 个答案:

答案 0 :(得分:1)

目前,我还没有想出如何在括号表达式中存储或获取以前的值,但有一种解决方法:观察这些元素&#39;模型改变

您可以在设置$watch为真的情况下查看商品列表commodityrate.Commodity,而不是在每个元素上添加objectEquality

scope.$watch('commodityrate.Commodity', function(newValue, oldValue) {
  //iterating newValue and compare it the corresponding element in oldValue.
},
true);

顺便说一句,您仍需要向priceTrend添加Commodity等新属性,并使用此属性来定义ngClass

由于您始终必须在从后端获取新价格时检查每个商品的价格变化,因此在启用commodityrate.Commodity的情况下观看objectEquality会导致您的性能下降。