2016-05-30 3 views
0

4つの値を渡すangular2のngForのフィルタを実行するにはどうすればよいですか?5つの値を渡すangular2のngForのフィルタを行う方法は?

これは、フィルタコードとどこI現在の午前です:

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

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

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

あなたは私がに5つの値を渡すためにしようとしている見ることができるようにこれは私のhtml

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

ですsearchTerm、county、region、type、markerというフィルタが呼び出されます。

これで結果をフィルタリングできます。

フィルターにそれらを渡す方法がわかりません。したがって、主にmapFilterパイプコードビットに突き当たっています。

答えて

2

次の操作を試みることができる:

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

、パイプクラスでこのようにそれらを得る:

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

インデックスファイルが動作するかどうかをdistフォルダにサンプルアプリケーションを実行するにはどうすればよいですか?あなたが言ったgit bashのコマンドを忘れてしまった? – AngularM

+1

'http-server'のような静的サーバを使うことができます。それをインストールした後( 'npm install http-server -g')、' dist'フォルダに移動して 'http-server。 -c-1' ... –

+0

angular2の私のためにこのビルドの質問を見ることができます: http://stackoverflow.com/questions/37525356/how-to-create-an-angular-2-build -folder-when-using-systemjs-config-js – AngularM

0

私はそれが働いて得ることができました。彼らはパイプを変更したように見えます。この変換(items、searchTerm1、searchTerm2、SearchTerm3)のように見える必要があります。{

関連する問題