filterpipe.ts

public searchOption = {'searchFeild': 'tag', 'orderByKey': 'isActive', 'orderBy': 'asc'}; 

import { Pipe, PipeTransform } from '@angular/core';
export interface SearchOption {
    searchFeild: string; // Search By specific object keyName
    orderByKey: string; // Order By specific object key
    orderBy: string;   // OrderBy asc/desc
}
@Pipe({
    name: 'searchfilter'
})
export class SearchFilterPipe implements PipeTransform {
    transform(items: any[], searchKey: string, options: SearchOption): any[] {
        if (!items) { return []; }
        if (options.orderByKey !== undefined) {
            if (options.orderBy !== 'desc') {
                items.sort(this.sortItem(options.orderByKey)).reverse();
            } else {
                items.sort(this.sortItem(options.orderByKey));
            }
        }
        if (!searchKey) { return items; }
        if (searchKey === '' || searchKey === null) { return []; }
        return items.filter(e => e[options.searchFeild].toLowerCase().indexOf(searchKey) > -1);
    }
    sortItem(orderBy) {
        return (obja, objb) => {
            return obja[orderBy] - objb[orderBy];
        };
    }
}