AngularJS：如何从对象数组中查找对象，给定数组中属性值的数组，使用 $filter

Question

在数组（项目数组）中有一组对象属性

item_id:
[{item_id:1,...},{item_id:2,...}...]

有另一个数组，其中包含一组

item_ids:
[2, 8, 10]

如何使用 angularjs 的 $filter 从项目数组中获取对象数组，其中 item_id 与 item_ids 数组中的对象匹配。

Answer 1

您可以使用自定义过滤器来进行这种过滤。如果您想在代码而不是模板中执行此操作，则可以使用 $filter 服务。

Filter Guide

查看下面的代码。

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

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

  $scope.items = [{
    item_id: 1
  }, {
    item_id: 2
  }, {
    item_id: 3
  }, {
    item_id: 4
  }];

  $scope.findList = [2, 4];
  $scope.findList2 = [3];

  // Using $filter service.
  $scope.usingservice = $filter('findobj')($scope.items, [1, 3])
});

app.filter('findobj', function() {

  return function(list, obj) {

    return list.filter(function(l) {
      if (obj.indexOf(l.item_id) >= 0) {
        return true;
      }
    });

  };
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app">
  <div ng-controller="ctrl">
    <div ng-repeat="item in items | findobj: findList">
      {{item}}
    </div>
    <hr/>
    <div ng-repeat="item in items | findobj: findList2">
      {{item}}
    </div>
    <hr/>{{usingservice}}
  </div>
</div>

AngularJS：如何从对象数组中查找对象，给定数组中属性值的数组，使用 $filter

AngularJS: how to find objects from an array of objects, given an array of property values in an array, using $filter

javascript

arrays

angularjs

angularjs-filter

AngularJS：如何从对象数组中查找对象，给定数组中 属性 值的数组，使用 $filter

AngularJS: how to find objects from an array of objects, given an array of property values in an array, using $filter

javascript

arrays

angularjs

angularjs-filter

AngularJS：如何从对象数组中查找对象，给定数组中属性值的数组，使用 $filter