角计数出现

Question

我是第一次使用 Angular，我想我可能误解了使用这个框架来计算节点和节点值之类的事情是多么容易。

例如，我希望能够数出一个球员的裤子尺寸是 42 的次数。

这是否可以通过 Angular 轻松实现，换句话说，框架中是否有一些快速调用来计算节点值的出现次数，或者它是否需要具有集合和键/值对的自定义函数？

function MyCtrl($scope) {
$scope.players = [
    {shirt: 'XXL', pants: '42', shoes: '12'},
    {shirt: 'XL', pants: '38', shoes: '10'},
    {shirt: 'M', pants: '32', shoes: '9'},
    {shirt: 'XXL', pants: '42', shoes: '12'},
    {shirt: 'XXL', pants: '42', shoes: '12'},
    {shirt: 'XXL', pants: '42', shoes: '12'}
];

}

在这个小提琴中，我利用另一个 SO 讨论的帮助来聚合不同的节点值。现在我想获得有关发生次数最佳实践的帮助。

http://jsfiddle.net/7kasV/1/

Answer 1

我建议您使用角度过滤器来根据您需要的任何规格限制您的数组。您可以使用名称“filterFilter”将角度过滤器注入控制器，然后在该控制器中的任何位置使用它。例如，如果您想确定裤子尺寸为 42 的玩家数量，您可以执行以下操作：

var pantSizeOccurences = filterFilter($scope.players, { pants: '42' });
alert(pantSizeOccurences.length);

我更新了你的 jsfiddle 链接。您需要将 filterFilter 注入您的控制器。这是一个帮助你的sn-p。

var myApp = angular.module('myApp',[]);

function MyCtrl($scope, filterFilter) {
    $scope.players = [
        {shirt: 'XXL', pants: '42', shoes: '12'},
        {shirt: 'XL', pants: '38', shoes: '10'},
        {shirt: 'M', pants: '32', shoes: '9'},
        {shirt: 'XXL', pants: '42', shoes: '12'},
        {shirt: 'XXL', pants: '42', shoes: '12'},
        {shirt: 'XXL', pants: '42', shoes: '12'}
    ]; 
        var sizeFourtyTwoPants = filterFilter($scope.players, {pants: '42'});
        alert(sizeFourtyTwoPants.length);
    }
    MyCtrl.$inject = ['$scope','filterFilter'];