Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 在ng-repeat中显示具有重复出现次数的唯一项目大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_801_2@
我有一个低于 JSON

[{"brand":"abc"},{"brand":"xyz"},{"brand":"abc"},{"brand":"por"},{"brand":"xyz"}]

使用Ng-repeat,我如何显示如下 –

Brand Occurances
abc      (3)
xyz      (2)
por      (1)

即品牌名称(同一品牌名称的重复出现次数)?

@H_801_2@

解决方法

可以创建一个自定义函数,该函数将使用repeatvie值从现有数组返回计数(出现)

与过滤器一起显示JSON中的唯一值:

$scope.getCount = function(i) {
    var iCount = iCount || 0;
    for (var j = 0; j < $scope.brands.length; j++) {
      if ($scope.brands[j].brand == i) {
        iCount++;
      }
    }
    return iCount;
  }

AND过滤器将如下所示:

app.filter('unique',function() {

  return function (arr,field) {
    var o = {},i,l = arr.length,r = [];
    for(i=0; i<l;i+=1) {
      o[arr[i][field]] = arr[i];
    }
    for(i in o) {
      r.push(o[i]);
    }
    return r;
  };
})

Working Plunkr

@H_801_2@ @H_801_2@
@H_801_2@
@H_801_2@

大佬总结

以上是大佬教程为你收集整理的angularjs – 在ng-repeat中显示具有重复出现次数的唯一项目全部内容,希望文章能够帮你解决angularjs – 在ng-repeat中显示具有重复出现次数的唯一项目所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。