Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng repeat中的Angular js条件类_Javascript_Css_Angularjs_Ionic Framework - Fatal编程技术网

Javascript ng repeat中的Angular js条件类

Javascript ng repeat中的Angular js条件类,javascript,css,angularjs,ionic-framework,Javascript,Css,Angularjs,Ionic Framework,我已经使用ionic框架开发了一个应用程序来显示客户当前的市场价格。我在angular js条件类和ng repeat循环中遇到了问题。 我需要显示高(绿色)和低(红色)的颜色时,市场得到的变化,如果没有变化,以前的颜色应该显示为div,我用了下面的代码 看法 CSS 因为每秒的速率都会得到更新,所以如果速率变得很高,那么之前的速率应该是应用css类。如果速率很低,则表示应用css类。如果速率很高,则表示应该是应用css类。如果速率很高,则表示应该是前一个颜色。但在我的代码中,它不起作用。请帮助

我已经使用ionic框架开发了一个应用程序来显示客户当前的市场价格。我在angular js条件类和ng repeat循环中遇到了问题。 我需要显示高(绿色)和低(红色)的颜色时,市场得到的变化,如果没有变化,以前的颜色应该显示为div,我用了下面的代码 看法

CSS

因为每秒的速率都会得到更新,所以如果速率变得很高,那么之前的速率应该是应用css类。如果速率很低,则表示应用css类。如果速率很高,则表示应该是应用css类。如果速率很高,则表示应该是前一个颜色。但在我的代码中,它不起作用。请帮助任何人获得我的需要

例如: div的默认背景色:绿色 当前显示率:2500 新费率为2510意味着背景颜色为绿色 新的费率是2455,意味着背景颜色为红色

然后新的利率来像2458意味着bg颜色绿色
如果新费率为2458,则表示之前的颜色相同(本例中为绿色),则应显示红色/绿色。

您是否曾使用过ng IF?您可以制作2个div,并且根据comodityrate是什么,只显示其中的一个

以下是一些信息:


我不完全理解您的问题,但这可能会有所帮助……

就我个人而言,在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>

{{商品销售率}
然后在控制器中:

.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);
            });
          })();
})
$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
}
$scope.isHighRate=函数(索引){
返回$scope.oldCoinGoldCommodity.CoinGoldCommodity[index]。卖出利率<$scope.commodityrate.CoinGoldCommodity[index]。卖出利率
}
$scope.isLowRate=函数(索引){
返回$scope.oldCoinGoldCommodity.CoinGoldCommodity[index]。卖出利率>$scope.commodityrate.CoinGoldCommodity[index]。卖出利率
}

您为什么不在ng类条件下使用
商品
呢?无法理解您的回答到底是什么不起作用?你有错误吗?它到底应该做什么?它应该做什么?
<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
}