Angularjs 如何在ng repeat angular中过滤后聚合对象属性_Angularjs

Angularjs 如何在ng repeat angular中过滤后聚合对象属性

angularjs

Angularjs 如何在ng repeat angular中过滤后聚合对象属性,angularjs,Angularjs,我正在使用Angular 1.2.16并过滤如下对象列表： <li ng-repeat="item in filteredItems = (items | filter:query)"> {{item.title}} </li> 使用“b”过滤后，angular将“filteredItems”设置为我要做的是计算每种优先级类型、后过滤器的出现次数，并将它们打印出来。例如，上述场景的输出将打印priority-1=2，priority-2=1，然后在应用过滤器“b”

我正在使用Angular 1.2.16并过滤如下对象列表：

<li ng-repeat="item in filteredItems = (items | filter:query)">
  {{item.title}}
</li>

使用“b”过滤后，angular将“filteredItems”设置为

我要做的是计算每种优先级类型、后过滤器的出现次数，并将它们打印出来。例如，上述场景的输出将打印

priority-1=2，priority-2=1

，然后在应用过滤器“b”后变为

priority-1=1，priority-2=1

我应该怎么做呢

我尝试创建一个新的控制器，然后使用

$scope.$parent.filteredItems

，但是filteredItems块不会动态更新

这里有一个plunkr

最接近于回答我的问题，它添加了一个自定义指令，在ng repeat完成后触发一个事件。然而，它比我想要的要复杂一点

我的最后一个方法是向控制器添加一个自定义的$filter，当输入发生变化时会触发它，并最终创建一个可以打印出来的摘要对象。我们可以找到那个劫掠者

HTML：

更简单的方法，但仍然不理想：

html:

选中

$watch

，您不需要另外两个控制器。

var items = [ { title: "foo", priority: 1 },
              { title: "bar", priority: 2 },
              { title: "bla", priority: 1 } ];

filteredItems == [ { title: "bar", priority: 2 },
                   { title: "bla", priority: 1 } ];

    <input ng-model="query" type="text" ng-change="myFilter(query)" />

    <ul>
      <li ng-repeat="item in items">
        <pre>{{item}}</pre></li>
    </ul>

    <h3>Summary of items</h3>
    <p >
      Priority-1: {{summary.p1}}<br>
      Priority-2: {{summary.p2}}
    </p>

  </body>

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

app.controller('ParentCtrl', ['$scope', '$filter',
  function($scope, $filter) {

    $scope.originalItems = [{
      title: "foo",
      priority: 1
    }, {
      title: "bar",
      priority: 2
    }, {
      title: "bla",
      priority: 1
    }];

    $scope.items = $scope.originalItems;

    var summarize = function(items) {
      var summary = {
        p1: 0,
        p2: 0
      };
      for (var i in items) {
        switch (items[i].priority) {
          case 1:
            summary.p1++;
            break;
          case 2:
            summary.p2++;
            break;
        }
      }
      return summary;
    };

    $scope.myFilter = function(query) {
      $scope.items = $filter('myFilter')($scope.originalItems, query);
      $scope.summary = summarize($scope.items);
    }

    $scope.summary = summarize($scope.items);

  }
]);

app.filter('myFilter', ['$filter',
  function($filter) {
    return function(items, query) {
      return $filter('filter')(items, query);
    };
  }
]);

<body ng-controller="ParentCtrl">
  <input ng-model="query" type="text"/>

  <ul>
    <li ng-repeat="item in items | filter : query">
      <pre>{{item}}</pre></li>
  </ul>
  <h3>Summary of items</h3>
  <p >
    Priority-1: {{items | filter : query | sumFilter: '1'}}<br>
    Priority-2: {{items | filter : query | sumFilter: '2'}}
  </p>
</body>

app.filter('sumFilter', function() {
  return function(items, value) {
    var summary = 0; 
    for (var i in items) {
      if (items[i].priority == value) {
        summary++;
      }
    }
    return summary;
  }
});