我正在使用实时应用程序来显示当前的黄金市场价格。我通过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。请任何人帮助我。
答案 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
会导致您的性能下降。