如何从Angular2 Pipe获取NgModel值

时间:2017-02-17 12:07:30

标签: angular angular2-pipe

我已经为表创建了一个公共搜索管道,我还将列值添加到了选择框中,现在我需要从选择框中获取所选值并在我的管道中访问它

以下是您参考的代码

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 个答案:

答案 0 :(得分:-3)

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

使用此代码在ngModel中获取值