Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/28.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 多个值上的角度2过滤管_Angular_Typescript_Angular Pipe - Fatal编程技术网

Angular 多个值上的角度2过滤管

Angular 多个值上的角度2过滤管,angular,typescript,angular-pipe,Angular,Typescript,Angular Pipe,我目前正在尝试筛选使用管道的用户表。我让它为一个选择工作,但我试图将其扩展到多个选择。请记住,这只适用于表中的一列。到目前为止,我有一个用户专栏,如:亚当、布伦达、丹、哈里。等请记住,此列可能是我希望返回的同名的倍数。我当前的管道实现如下所示: import * as _ from 'lodash'; import {Pipe, PipeTransform} from '@angular/core'; @Pipe({ name: 'dataFilter' }) export class Dat

我目前正在尝试筛选使用管道的用户表。我让它为一个选择工作,但我试图将其扩展到多个选择。请记住,这只适用于表中的一列。到目前为止,我有一个用户专栏,如:亚当、布伦达、丹、哈里。等请记住,此列可能是我希望返回的同名的倍数。我当前的管道实现如下所示:

import * as _ from 'lodash';
import {Pipe, PipeTransform} from '@angular/core';

@Pipe({
name: 'dataFilter'
})
export class DataFilterPipe implements PipeTransform {

transform(array: any[], query: string): any {
if (query) {
  return _.filter(array, row=>row.user.indexOf(query) > -1);
}
return array;
}
}
我的html只是:

<table [mfData]="tableData | dataFilter : filterQuery" #mf="mfDataTable">

其中filterQuery只是一个字符串。基本上,我想做的是将一个名称数组传递给filterQuery,以便它返回基于该数组的值。假设用户列的行有:

  • 亚当,亚当,布伦达,丹,哈利,哈利,哈利
我通过了filterQuery['Adam','Harry',]我会回来:

  • 亚当,亚当,哈利,哈利,哈利
任何关于修改代码以帮助实现这一点的帮助都将不胜感激!我尝试使用查询:string[]在transform函数中执行一些循环,但还没有成功


谢谢

我是通过这个管道工作的:

export class DataFilterPipe implements PipeTransform {
transform(array[], query:string[]):any[] {
if (typeof array === 'object') {
  var resultArray = [];
  if (query.length === 0) {
    resultArray = array;
  }
  else {
    resultArray = (array.filter(function (a) {
      return ~this.indexOf(a.user);
    }, query));
  }
  return resultArray;
}
else {
  return null;
  }
 }
}
可能重复的