javascript - Count items in array by using ng-repeat AngularJS -


i have jsonfile this:

vm.names = [{   'name': 'a' }, {   'name': 'a' }, {   'name': 'b' }, {   'name': 'c' }, {   'name': 'c' }] 

i using angularjs filter repeat in html:

<ul ng-repeat ="name in vm.names | unique'name'> <li>{{name.name}}</li> </ul> 

here issue

  • a
  • b
  • c

    so want count item, want display this

  • a num:2
  • b num:1
  • c num:2

    how can that?

  • just use groupby filter provided angular-filter in runnable fiddle demo:

    view

    <div ng-controller="myctrl">   <ul ng-repeat="item in names | groupby: 'name' ">       <li>{{item[0].name}}: {{ item.length}}</li>   </ul> </div> 

    angularjs application

    var myapp = angular.module('myapp', ['angular.filter']);  myapp.controller('myctrl', function($scope) {   $scope.names = [{     'name': 'a'   }, {     'name': 'a'   }, {     'name': 'b'   }, {     'name': 'c'   }, {     'name': 'c'   }]; }); 

    Comments

    Popular posts from this blog

    Command prompt result in label. Python 2.7 -

    javascript - How do I use URL parameters to change link href on page? -

    amazon web services - AWS Route53 Trying To Get Site To Resolve To www -