Javascript 使用ng repeat AngularJS对数组中的项进行计数

Javascript 使用ng repeat AngularJS对数组中的项进行计数,javascript,html,angularjs,angular-filters,Javascript,Html,Angularjs,Angular Filters,我有一个这样的JSONfile: vm.names = [{ 'name': 'A' }, { 'name': 'A' }, { 'name': 'B' }, { 'name': 'C' }, { 'name': 'C' }] 我使用AngularJS过滤器在HTML中重复它: <ul ng-repeat ="name in vm.names | unique'name'> <li>{{name.name}}</li> </ul&g

我有一个这样的JSONfile:

vm.names = [{
  'name': 'A'
}, {
  'name': 'A'
}, {
  'name': 'B'
}, {
  'name': 'C'
}, {
  'name': 'C'
}]
我使用AngularJS过滤器在HTML中重复它:

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

只需使用由like提供的
groupBy
过滤器,如下所示:

看法
你想数一数他们有什么目的?我的意思是,假设你有办法做到这一点,你需要这个号码干什么。。。。在你的html中,你会将它绑定到任何元素或类似的东西吗?我想在商店里盘点物品:)谢谢,它工作得很好
<div ng-controller="MyCtrl">
  <ul ng-repeat="item in names | groupBy: 'name' ">
      <li>{{item[0].name}}: {{ item.length}}</li>
  </ul>
</div>
var myApp = angular.module('myApp', ['angular.filter']);

myApp.controller('MyCtrl', function($scope) {
  $scope.names = [{
    'name': 'A'
  }, {
    'name': 'A'
  }, {
    'name': 'B'
  }, {
    'name': 'C'
  }, {
    'name': 'C'
  }];
});