Angular2 PipeからNgModelの値を取得する方法

テーブル用の共通検索パイプを作成しました。また、選択ボックスに列値を追加しました。選択ボックスから選択した値を取得してアクセスする必要があります。私のパイプの下Angular2 PipeからNgModelの値を取得する方法

は、コードが

ご参考のためのものであるパイプ

export class searchPipe implements PipeTransform { 
    transform(values: any[], filter: string, selectedvalue:any): any { 
    console.log(selectedvalue); 
    if (!values || !values.length) return []; 
    if (!filter) return values; 
    filter = filter.toUpperCase(); 
    if (filter && Array.isArray(values)) { 
     const keys = Object.keys(values[0]); 
     return values.filter(v => v && keys.some(k => v[k].toUpperCase().indexOf(filter) >= 0)); 
    } 
    } 
}

Htmlの

<select *ngIf="showColFilter" [(ngModel)]="selecedValues"> 
    <option *ngFor="let colValues of tabData | columnPipe">{{colValues}}</option> 
</select>

出典

2017-02-17 M Balajivaishnav

の値を取得する - 'columnPipe：フィルタを： selectedValue'ここにドキュメントへのリンクです： https://angular.io/docs/ts/latest/guide/pipes.html#!#custom-pipes –

私はcolumnPipeを与えることができません：検索フィルター –

おそらく、私は何かが欠落していますが、選択された値が予想通りに渡されます。https://plnkr.co/edit/B3Tr1I2saLOxIXGjA8xU?p=preview（誤った選択を無視してください。オプション）。質問を更新してプランナーレポを投稿できますか？ –

-3

<select [(ngModel)]="colvalues"> <div *ngFor="let colValues of tabData | columnPipe"> <option value="colValues"> </option> </div> </select>

使用このコードをあなたがセミコロンで値を区切って複数のparams渡すことができngModel

出典

2017-02-17 12:29:51

質問は何ですか？私は別のパイプの中のngModelの値にアクセスする必要があります –

は役に立たない答えを与えません。質問を分析し、それに応じて投稿しようとする – Aravind

Angular2 PipeからNgModelの値を取得する方法

答えて

関連する問題