如何在 Angularjs 中创建过滤器? [英] How to create filter in Angularjs?

问题描述

我有这一系列的课程:

 [{ id: 1, courseId: 2, text: 'John' },
  { id: 2, courseId: 2, text: 'Willi' },
  { id: 3, courseId: 2, text: 'Inga' },
  { id: 4, courseId: 1, text: 'Jerry' },
  { id: 5, courseId: 1, text: 'Michael' },
  { id: 1, courseId: 3, text: 'John' },
  { id: 2, courseId: 3, text: 'Willi' },
  { id: 3, courseId: 4, text: 'Inga' },
  { id: 4, courseId: 5, text: 'Jerry' },
  { id: 5, courseId: 5, text: 'Michael' }]

我有这个 id 数组:

And I have this array of id's:

[{"id": 3},{"id": 2},{"id": 1}] 

我需要按 id 数组过滤课程数组(即仅显示具有 courseId = 3,2,1 的文本课程):

I need to filter array of courses by array of id's(i.e to display only text courses that have courseId = 3,2,1 ):

ng-repeat="course in courses| customFilter: [{"id": 3},{"id": 2},{"id": 1}]"

我需要在 angularJS 中创建自定义过滤器，它将通过 id 数组过滤课程数组.

I need to create custom filter in angularJS that will filter array of courses by array of id's.

知道如何为此目的实现 customFilter 吗?

Any idea how can I implement customFilter for this purpose?

推荐答案

您可以创建自定义 filter 以便可以为您提供过滤的值，过滤器应将元素数组作为过滤器数组.

You could create your custom filter so that can provide you the filtered values, filter should take array of element to be filter array.

标记

ng-repeat="course in courses| customFilter: [{"id": 3},{"id": 2},{"id": 1}]""

过滤

app.filter('customFilter', function(){
  return function(array, filterArray){
     var ids = [];
     angular.forEach(filterArray, function(val, index) {
        ids.push(val.id);
     }
     return array.filter(function(value){
        return ids.indexOf(value.id) !== -1;
     });
  }
})

这篇关于如何在 Angularjs 中创建过滤器?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！