javascript - angular2 使用 Observable(Http) 无需重新加载

Question

我有一个 PartnersService，它在构造函数中从服务器加载合作伙伴数组列表。

this.partners = this._http.get('/app/partners/partners.data.json')
            .map(this.extractData)
            .catch(this.handleError);

当我得到合作伙伴列表时，一切都OK。 但我需要通过 ID 来获取合作伙伴。 在本例中，我使用带有回调的函数

getPartner(id:number, callback:(partner:Partner)=>void):void {
    this.partners.subscribe(partners=> {
        for (let partner of partners) {
            if (partner.id == id) {
                callback(partner);
            }
        }
    });
}

在浏览器控制台中，我看到每当我调用subscribe时，Angular2都会向服务器发送请求。我可以做些什么来不发送请求吗？也许存在更好的方法来创建 getPartner() 函数(无需回调)？

Answer 1

你可以尝试这样的事情:

getPartners() {
  if (this.partners) {
    return Observable.of(this.partners);
  } else {
    return this._http.get('/app/partners/partners.data.json')
        .map(this.extractData)
        .catch(this.handleError)
        .do(partners => {
          this.partners = partners;
        });
  }
}

getPartner(id:number):Observable<partner> {
  this.getPartners().map(partners => {
    return partners.find(partner => (partner.id == id));
  });
}

并以这种方式执行该方法:

this.service.getPartner('some id').subscribe(partner => {
  console.log(partner);
});