2017-02-17 2 views
0

Ich habe eine allgemeine Suche Rohr für Tabelle erstellt, ich habe auch die Spaltenwerte zum Auswahlfeld hinzugefügt, jetzt muss ich den ausgewählten Wert aus dem Auswahlfeld abrufen und darauf zugreifen meine PfeifenWie bekomme ich NgModel Wert von Angular2 Pipe

Sie den Code unten für Ihre Referenz sind

Rohr

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> 
+1

Sie mehrere params Trennwerte mit Semikolons passieren kann - 'columnPipe: Filter: selectedValue'. Hier ist Link zur Dokumentation: https://angular.io/docs/ts/latest/guide/pipes.html#!#custom-pipes –

+0

Ich kann columnPipe nicht geben: filter: selectedValue wie diese in meiner Vorlage, die zeigt Suche nach Filter –

+0

Vermutlich, ich vermisse etwas, aber der ausgewählte Wert wird wie erwartet übergeben: https://plinkr.co/edit/B3Tr1I2saLOXxGjA8xU?p=preview (bitte ignorieren Sie die fehlerhafte Auswahl, wie das ausgewählte Element aus entfernt wird die Optionen). Könnten Sie Ihre Frage aktualisieren und ein Repo-Repository veröffentlichen? –

Antwort

-3

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

Mit diesem Code erhalten Wert in ngModel

+0

Sie bekommen, was die Frage ist? Ich muss auf die ngModel-Werte innerhalb einer anderen Leitung zugreifen –

+1

geben Sie keine nutzlose Antwort. Versuchen Sie, die Frage zu analysieren und dann entsprechend zu posten – Aravind