Javascript 使用ng repeat AngularJS对数组中的项进行计数
我有一个这样的JSONfile: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
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'
}];
});