Javascript ng repeat中的Angular js条件类
我已经使用ionic框架开发了一个应用程序来显示客户当前的市场价格。我在angular js条件类和ng repeat循环中遇到了问题。 我需要显示高(绿色)和低(红色)的颜色时,市场得到的变化,如果没有变化,以前的颜色应该显示为div,我用了下面的代码 看法 CSS 因为每秒的速率都会得到更新,所以如果速率变得很高,那么之前的速率应该是应用css类。如果速率很低,则表示应用css类。如果速率很高,则表示应该是应用css类。如果速率很高,则表示应该是前一个颜色。但在我的代码中,它不起作用。请帮助任何人获得我的需要 例如: div的默认背景色:绿色 当前显示率:2500 新费率为2510意味着背景颜色为绿色 新的费率是2455,意味着背景颜色为红色 然后新的利率来像2458意味着bg颜色绿色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类。如果速率很高,则表示应该是前一个颜色。但在我的代码中,它不起作用。请帮助
如果新费率为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
}