通过比较2个阵列，Ionic 3管道到过滤器列表

Question

我需要帮助，以编写一个过滤管道组件，将过滤和显示只包含选定的搜索数组字的职位。找到了一种使用1个搜索值返回的方法，但我需要它在一个数组中返回多个搜索结果

jobCategory=['admin','clerk','driver','labour','helper']
selectedCategory=['driver','helper']

HTML:

<ion-item *ngFor="let posting of (postingList | postingFilter:'jobCategory':selectedCategory)"  >

管道：

export class PostingFilterPipe implements PipeTransform { 
transform(items: any[], field : string, value : string): any[] {  
  if (!items) return [];
  if (!value || value.length == 0) return items;
  return items.filter(it => {
    for (let index = 0; index < value.length; index++) {
      const element = value[index]; ***STUCK***
    }

  });
}

}

Answer 1

我想知道在这种情况下是否需要字段参数/参数。我还没有测试过这个，但我会尝试将所选类别的数组作为参数传递。然后尝试使用 Array.include（） 仅返回已选择的作业类别（位于所选类别数组中）。

希望对:)有所帮助如果这不是你的意思，请告诉我。

jobCategory=['admin','clerk','driver','labour','helper']
selectedCategory=['driver','helper']

管道：

export class PostingFilterPipe implements PipeTransform { 
  // items => array to filter through
  // field => field name (not needed??)
  // array of selected categories
  transform(items: any[], field : string, selectedValues: string[]): any[] {  
    if (!items) return [];
    if (!value || value.length == 0) return items;

    return items.filter(item => {
      return value.includes(item);
    });
  }
}

HTML:

<ion-item *ngFor="let posting of (postingList | postingFilter:selectedCategory)"  >

Answer 2

你可以尝试这样的事情：

export class PostingFilterPipe implements PipeTransform { 
  transform(items, field : string, value): any[] {  
    if (!items) return [];
    if (!value || value.length == 0) return items;
    return items.filter(it => value.filter(val => it[field].includes(val)).length > 0)
  });
}