ng repeat中的Angular js条件类

Question

我已经开发了应用程序使用离子框架来显示客户当前的市场价格。我有问题在角js条件类与ng-重复循环。当市场发生变化时，我需要显示高（绿色）和低（红色）颜色，如果没有变化，以前的颜色应该为div显示，我使用了下面的代码查看

<div class="cointable col">
                <div class="col coin-rate-table">
                    <div class="coin-rate-table-header">Gold Coins(&#8377;)</div>
                </div>
                <div class="row coin-rate-table coin-rate-body" ng-repeat="commodity in commodityrate.CoinGoldCommodity">
                    <div class="col liverate-commodity"><img class="bullet-image" src="img/rate-bullet.jpg" width="20" height="20" /><span class="live-coin-comm-name">{{commodity.name}}</span></div>
                    <div class="col" ng-class="{'rate-highcolor' : oldCoinGoldCommodity.CoinGoldCommodity[$index].selling_rate<commodity.selling_rate,'rate-lowcolor' : oldCoinGoldCommodity.CoinGoldCommodity[$index].selling_rate>commodity.selling_rate}"><span class="live-coincom-rate">{{commodity.selling_rate}}</span></div>

                </div>
            </div>

控制器：

.controller('CoinsCtrl', function($scope, $stateParams, $timeout, rateservice) {
       $scope.commodityrate = [];
       $scope.oldCoinGoldCommodity = [];
        (function tick() {
            rateservice.getRates().then(function(data){
                  $scope.oldCoinGoldCommodity.CoinGoldCommodity = $scope.commodityrate.CoinGoldCommodity;
$scope.commodityrate.CoinGoldCommodity = data.Commodities.CoinGoldCommodity;

           })['finally'](function(status) {
              $timeout(tick, 1000);
            });
          })();
})

CSS

.rate-highcolor {
    color:#FFFFFF;
    background-color: #00D600;
}

.rate-lowcolor {
    color:#FFFFFF;
    background-color: #FF0000;
}

对于每一秒的速率将得到更新，所以若速率变得很高，那个么之前的速率应该应用css类。评分高颜色如果低意味着应用css类。rate highcolor else表示它应该是以前的颜色。但在我的代码中，它不起作用。请帮助任何人获得我的需要。

示例：div的默认背景色：绿色当前显示速率：2500新速率附带2510表示背景色绿色新速率附带2455表示背景色红色

然后新的利率来像2458意味着bg颜色绿色如果新的利率来像2458意味着相同的颜色（在这种情况下是绿色）红色/绿色应该显示。

Answer 1

你曾经与ng if合作过吗？您可以制作2个div，并且根据comodityrate是什么，只显示其中的一个。

以下是一些信息：AngularJS Docs ng-if

我不完全理解你的问题，但也许这会有帮助。。。

Answer 2

就个人而言，在ng类中，我将引用$scope函数，如下所示：

<div class="col" ng-class="{'rate-highcolor' : isHighRate($index),'rate-lowcolor' : isLowRate($index)}">
  <span class="live-coincom-rate">{{commodity.selling_rate}}</span>
</div>

然后在控制器中：

$scope.isHighRate = function(index) {
  return $scope.oldCoinGoldCommodity.CoinGoldCommodity[index].selling_rate < $scope.commodityrate.CoinGoldCommodity[index].selling_rate
}

$scope.isLowRate = function(index) {
  return $scope.oldCoinGoldCommodity.CoinGoldCommodity[index].selling_rate > $scope.commodityrate.CoinGoldCommodity[index].selling_rate
}