2017-05-06 8 views
0

フィルターパイプからデータを濾過しました。保存は、私のパイプがあるAngular2

このパイプを使用してデータをフィルタリングし、データテーブルに表示しています。 フィルタリングされたデータを変数に保存して、アプリケーションの別の場所で使用することができます。

+0

**パイプは、表示された値をテンプレート内で変換します** - 角度のあるパイプの定義です。なぜあなたはそれを保存したいのですか? – Aravind

+0

@Aravind私はデータテーブルの場所のリストを持っています。ユーザーがリストをフィルタリングする場合、Googleマップ上のマーカーを使用して、フィルタリングされた場所のみを表示します。 – mistletoe

+0

あなたはあなたがDBに保存する必要があるものである 'リストから選択する 'をユーザーに許可する必要があります – Aravind

答えて

0

モジュールでパイプを提供します

@NgModule({ 
    ... 
    providers: [DataFilterPipe] 
}) 
export class MyModule { 
    ... 
} 

その後注入し、コンポーネントにそれを使用する:あなたは今、二回のフィルタリングを回避するためにfilteredプロパティに直接データテーブルを結合することができる

export class MyComponent implements OnInit { 

    public filtered; 

    constructor(private dataFilterPipe: DataFilterPipe) { 
    } 

    ngOnInit() { 
     const unfiltered = ...; 
     const filterQuery = ...; 
     this.filtered = this.dataFilterPipe.transform(unfiltered, filterQuery); 
    } 
} 

<table [mfData]="filtered" ...> 

あなたは宣言する必要があるパイプをまったく再。

+0

ありがとう!私はなぜこれをコンストラクタ内で使用しなければならないのか知りたいですか? – mistletoe

+0

コンストラクタ内で使用する必要はありません。私の編集を参照してください。 –

関連する問題