Question

在1.X角中，我使用了filter过滤器（filter: {type : filterString}）。

我尝试实现一个管道以替换角度2中的管道，但到目前为止，我还没有实现任何可以替代此管道的管道。我可以通过某种方式在Angular2中完成相同的事情吗？

示例：

ng-repeat="error in systemErrMessages | filter: {type : filterString}"

基本上，我想传递一个将用于有条件地过滤ngFor的参数。我不确定如何将第二个条件参数放入我的管道中。

（在这种情况下， filterString 是第二个参数，类型是第一个参数）

filterString 只是一个字符串。

基本上，如果 type =“ hello”和 filterString =“ hello”仅返回1。

我尝试使用angular2：

管道：

@Pipe({
    name: 'filter'
})
export class FilterPipe implements PipeTransform {

    transform(value: any, args?: any): any {
        if(args == null){
            return value;
        }
        if(value){
            return value.filter(item => item.first_name.toLowerCase().indexOf(args.toLowerCase()) > -1);
        }
    }

}

html：

*ngFor="let error of systemErrMessages | orderBy: ['time'] | filter: {type : filterString}"

ngFor中有条件的Angular 2过滤器数组

0 个答案: