AngularJS:按 id 数组过滤

Question

我正在使用UI-Select来显示一个下拉列表，其中包含我以json响应形式从Web服务获得的值。我还有另一个数组，其中我有"id"，它只是整数值。我想按数组的值过滤 ui-select。

我怎样才能做到这一点？

Answer 1

您可以创建自己的自定义筛选器，该筛选器只是控制器中定义的函数，如下所示：

$scope.customFilter = function(item) {
    var arr = [1,25,8]; //Your integer array here
    return arr.indexOf(item) > -1; //returns true if exists
}

你的HTML将是：

<ui-select-choices repeat="x in myArray | filter: customFilter">
    {{x}}
</ui-select-choices>

更新了我发现要演示的 Plunker。查看如何根据过滤器函数中的 ['Green'， 'Red'] 数组过滤颜色列表。

Answer 2

编辑：以下解决方案仅适用于角度本机选择，而不适用于角度UI的选择。因此，这个答案并不适合这个问题，但我会把它留在这里，供社区搜索原生解决方案和 lodash 可读性的东西。

我会使用一个简单的过滤器，也许带有 lodash 以提高可读性

控制器

$scope.selectedBean = null;
$scope.beans = [{id:1},{id:2}];//database lookup or something
$scope.idsFilter = [1, 2];//ng-model or something
$scope.idInArray = function(beans, ids) {
    return _.filter(beans, function(bean){
        return _.contains(ids, beans.id);
    });
}

模板

<select ng-model="selectedBean" ng-options="bean.name for bean in beans | filter:idInArray:idsFilter">
</select>