(초보) Ionic v2 ( TypeScript ) 에서 http 요청으로 돌아온 json 값 필터시키는 방법..

Ionic v2 ( TypeScript ) 에서 http 요청으로 돌아온 json 값 필터시키는 방법..

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Http} from "@angular/http";

interface IMembers {
  idx: number;
  email: string;
  name: string;
  buse: string;
  phoneNumber: string;
}

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  private API_URI: string = "http://127.0.0.1:8080";

  public members: IMembers[];
  public title: string = "친구";
  public httpResonse;

  constructor(
    public navCtrl: NavController,
    private _http: Http
  ) {
    this.httpResonse = this._http.get(this.API_URI);
    this.initMembers();
  }

  initMembers() {
    this.httpResonse.subscribe(result => {
      this.members = result.json();
    });
  }

  searchMember(ev: any) {
    let val = ev.target.value;

    if ( val && val.trim() != '' ) {
      this.httpResonse.subscribe(result => {
        var res = result.json();
        this.members = res.filter((item) => {
          return (item.name.toLowerCase().indexOf(val.toLowerCase()) > -1) ;
        })
      });
    } else {
      this.initMembers();
    }
  }

}

의문점....

이렇게 하면 매번 검색 1타이핑을 할때마다 서버에다가 1call 씩 통신을 하게되는 문제점이있는데...

통신을 최초에 1번만 하고 들어온 값을 조작할순없을까....