Angularjs 如何在ng repeat中找到最小值?

Angularjs 如何在ng repeat中找到最小值?,angularjs,Angularjs,嗨,我想在我的中继器中得到最低价格。我将在此列表项附近添加一个绿色标志。(正如您在代码中看到的,“跨度类最小值”) 我怎样才能得到这个最小值并在html中使用我的跨度作为“ng show” 多谢各位 var-app=angular.module(“app”,[]); 应用控制器(“控制器”,功能($scope){ $scope.priceList=[{ “名称”:“产品1”, “价格”:“100” }, { “名称”:“产品2”, “价格”:“200” }, { “名称”:“产品3”, “价格

嗨,我想在我的中继器中得到最低价格。我将在此列表项附近添加一个绿色标志。(正如您在代码中看到的,“跨度类最小值”)

我怎样才能得到这个最小值并在html中使用我的跨度作为“ng show”

多谢各位

var-app=angular.module(“app”,[]);
应用控制器(“控制器”,功能($scope){
$scope.priceList=[{
“名称”:“产品1”,
“价格”:“100”
}, {
“名称”:“产品2”,
“价格”:“200”
}, {
“名称”:“产品3”,
“价格”:“300”
}, {
“名称”:“产品4”,
“价格”:“400”
}, {
“名称”:“产品5”,
“价格”:“500”
}];
});
li{
填充:10px;
}
.min价格{
宽度:10px;
高度:10px;
背景:绿色;
显示:内联块;
边界半径:50%;
}

文件
  • {{item.name}-{{item.price}$

使用JavaScript代码计算控制器中的最低价格,并将结果存储在范围变量中(
minimumPrice

然后使用

ng-show="item.price == minimumPrice"

提示:不要使用字符串来表示数字。使用数字。

以下是简单的逻辑:-

<span class="min-price" ng-show="isMin(item.price)"></span>

$scope.isMin=function(price){
    var min=$scope.priceList[0].price;

   for(var i=0;i<= $scope.priceList.length-1;i++){

     if(Number($scope.priceList[i].price) < min){
       min=$scope.priceList[i].price;
       console.log("Min"+min);
     }
   }
   console.log("min:"+min+ " price:"+price);
    if(min===price){
      return true;
    }else{
      return false;
    }
  }

$scope.isMin=函数(价格){
var min=$scope.priceList[0]。价格;

for(var i=0;iIn-js文件循环遍历数组并找到最大值或最小值。或者使用parseInt()