2017-09-08 31 views
0

我有一個HTML表格管道過濾器角4 - 應用不同PARAM管道過濾器

import { Pipe, PipeTransform } from '@angular/core'; 

@Pipe({name: 'filterDescrip'}) 
export class FilterDescripPipe implements PipeTransform { 
    transform(particulars: any, searchText: any): any { 
    if(searchText == null) return particulars; 
    return particulars.filter(function(particular){ 
     if(searchText.match(/[a-z]/g)) 
     { 
     return particular.description.toLowerCase().indexOf(searchText) > -1; 
     } else { 
     return particular.description.toUpperCase().indexOf(searchText) > -1; 
     } 
     //return particular.description.toLowerCase().indexOf(searchText) > -1; 
    }) 
    } 
} 

我怎樣才能從HTML代碼diferentes PARAMS過濾發送,使用條件:

<tr *ngFor="let particular of particulars | filterDescrip: paramSearch | orderBy: {property: column, direction: direction}"> 

我可以使用以下條件:| filterDescrip:{},也許用一個表達式,會怎麼樣?

我有兩個變量,我需要如下:如果變量paramSearch是空的或不確定的:

| filterDescrip: searchDescText 

但如果paramSearch有內容:

| filterDescrip: paramSearch 

感謝,

回答

1

試試這個:

<tr *ngFor="let particular of particulars | filterDescrip: (paramSearch || searchDescText) | orderBy: {property: column, direction: direction}"> 
+1

它工作正常,th anks :) – Eladerezador