如何使用angularJS从json中显示和计算对象数组中的实体？

Question

我想要只在指数0的击球手中显示和计算击球手。

即id = 1001 type = regular

并且计数应为“4”

Answer 1

使用数组过滤方法..

var getBatter1001 = (item) => { return item.batters.batter.filter((x) => {x.id === '1001'}); } 
var batter1001 = $scope.myData.filter(getBatter1001);

console.log('Count of objects with batter id 1001: '+batter1001.length); // Logs 3

Answer 2

也许this更新的JSFiddle会给你一个想法。

HTML

<div ng-app="myApp" ng-controller="customersCtrl">
  <ul ng-repeat="x in myData">
    <li ng-repeat = "batter in x.batters.batter | filter: {'id': 1001, 'type': 'Regular'}">
      {{ batter.id }} - {{ batter.type }}
    </li>
  </ul>

  {{countBatters(1001, 'Regular')}}
</div>

在控制器中添加了功能：

$scope.countBatters = function(id, type) {
    return $scope.myData.filter(function(obj) {
       var batter = obj.batters.batter[0];
       return batter.id == id && batter.type == type
    }).length;
}