Wie mache ich einen Filter für ngFor in angular2, der 5 Werte hinein gibt?

Question

Wie macht man einen Filter für ngFor in angular2, der 4 Werte hinein gibt?

Dies ist, wo ich Strom Uhr mit dem Filtercode:

import { Pipe } from "@angular/core"; 

@Pipe({ 
    name: 'mapFilter', 
    pure: true 
}) 

export class MapFilter { 
    transform(items, [searchTerms]) { 
     return items; 
    } 
} 

Das ist mein html

<tr *ngFor="let item of jobs | mapFilter: [searchTerm, county, region, type, markers]" class="animated fadeIn" (click)="viewJob(item)"> 

Wie Sie Ich versuche, 5 Werte passieren sehen in Der Filter heißt: searchTerm, county, region, type, marker.

So kann ich dann das Ergebnis filtern.

Ich bin nicht sicher, wie man diese in den Filter übergibt. Also hauptsächlich stecken auf dem mapFilter Pipe Code Bit.

Answer 1

könnten Sie versuchen, die folgenden:

<tr *ngFor="let item of jobs | mapFilter:searchTerm:county:region:type: markers" 
    class="animated fadeIn" (click)="viewJob(item)"> 

und sie in der Rohrklasse auf diese Weise erhalten:

@Pipe({ 
    name: 'mapFilter' 
}) 
export class MapFilter { 
    transform(items, searchTerms) { 
    let searchTerm = searchTerms[0]; 
    let county = searchTerms[1]; 
    (...) 
    return items; 
    } 
} 

Answer 2

ich es geschafft, zum Laufen zu bringen. Sieht aus, als hätten sie die Pfeife gewechselt. Jetzt muss es wie diese Umwandlung aussehen (items, searchTerm1, searchTerm2, SearchTerm3) {