AngularJS筛选器隐藏项是否存在于另一个数组中

Question

I have two arrays: 我有两个数组：

$scope.arr1 = [1, 2, 3];
$scope.arr2 = [2, 3, 4];

I'm trying to: 我试图：

ng-repeat through arr1 通过arr1 ng-repeat
Use a custom filter to only show items from arr1 that aren't in arr2 使用自定义过滤器仅显示arr1中不在arr2
The output should be 1 输出应为1

Here's my view: 这是我的看法：

<ul>
  <li ng-repeat="item in arr1 | matcher">
    {{item}}
  </li>
</ul>

Here's my controller: 这是我的控制器：

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

app.filter('matcher', function () {
  for (var i = 0; i < $scope.arr1.length; i++) {
    for (var j = 0; j < $scope.arr2.length; j++) {
      if ($scope.arr1[i] != $scope.arr2[j])  {
        return $scope.arr1[i];
      }
    }
  }
});

app.controller('MainCtrl', function($scope) {
  $scope.arr1 = [1, 2, 3];
  $scope.arr2 = [2, 3, 4];
});

Here's my Plunker: http://plnkr.co/edit/Pd3QwMMNfmL62vvdD1kW?p=preview 这是我的柱塞： http ://plnkr.co/edit/Pd3QwMMNfmL62vvdD1kW?p=preview

Any idea how to get this custom filter working? 任何想法如何使这个自定义过滤器工作？

Answer 1

You will never get access $scope inside the angular filter in any way, you should pass them as parameter inside your filter and then access them inside your filter function. 您永远不会以任何方式访问$scope在角度过滤器内，您应该在过滤器内将它们作为参数传递，然后在过滤器函数内进行访问。 For making it more cleaner you could take use of .filter & .indexOf inside your filter. 为了使其更清洁，您可以在过滤器内部使用.filter和.indexOf 。

HTML 的HTML

<body ng-controller="MainCtrl">
    <ul>
      <li ng-repeat="item in arr1 | matcher: arr2">
        {{item}}
      </li>
    </ul>
</body>

Code 码

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

app.filter('matcher', function() {
  return function(arr1, arr2) {
    return arr1.filter(function(val) {
      return arr2.indexOf(val) === -1;
    })
  }
});

app.controller('MainCtrl', function($scope) {
  $scope.arr1 = [1, 2, 3];
  $scope.arr2 = [2, 3, 4];
});

Working Plunkr 工作朋克

AngularJS筛选器隐藏项是否存在于另一个数组中

问题描述

1 个解决方案

解决方案1
4 已采纳 2015-08-06 20:03:16

AngularJS筛选器隐藏项是否存在于另一个数组中

问题描述

1 个解决方案

解决方案1 4 已采纳 2015-08-06 20:03:16

解决方案1
4 已采纳 2015-08-06 20:03:16