是否有可能通过过滤遏制angular.js在另一个数组？ [英] Is it possible to filter angular.js by containment in another array?

问题描述

所以，如果我有一个数组：

So if I have an array:

$scope.letters = 
[{"id":"a"},
{"id":"b"},
{"id":"c"}];

和另一个数组

$scope.filterBy = ["b","c","d"];

和我想有一些NG重复只出现在$ filterBy项目筛选$ scope.letters。

And I want to have some ng-repeat to filter $scope.letters by only items that appear in $filterBy.

我希望能够做一些事来的效果：

I want to be able to do something to the effect of:

<span ng-repeat="{{letter in letters|filter: letter.id in filterBy }} > {{letter.id}} </span>

和有它打印B，C

我知道这是一个非常愚蠢的例子，但有没有办法来筛选基于另一个数组对象内容的angular.js前pression？

I know this is a really stupid example, but is there a way to filter an angular.js expression based on the contents of another array object?

推荐答案

您应该尝试这样的事情：

You should try something like that:

JS：

angular.module('Test', []);

function Ctrl($scope) {
  $scope.letters = [
    {id: 'a'},
    {id: 'b'},
    {id: 'c'}
  ];

  $scope.filterBy = ['b', 'c', 'd'];

  $scope.filteredLetters = function () {
    return $scope.letters.filter(function (letter) {
      return $scope.filterBy.indexOf(letter.id) !== -1;
    });
  };
}

Ctrl.$inject = ['$scope'];

HTML：

HTML:

<div ng-repeat='letter in filteredLetters(letters)'>{{letter.id}}</div>

您可以尝试活生生的例子。

这篇关于是否有可能通过过滤遏制angular.js在另一个数组？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！