Angular 2 - 缓存http获取结果

Question

我有一个 LanguageService，它提供可用语言的列表。 该列表需要由后端请求初始化:

getAvailableLanguages(): Observable<Language[]> {
    ...
    return this.http.get(ApiResources.LANGUAGE, requestOptions)
            .map(response => this.extractJson(response))
            .catch(error => this.handleError(error));
}

我希望避免每次其他服务调用 languageService.getAvailableLangauges() 时都请求后端。

缓存必要的第一个请求的结果的好方法是什么？

Answer 1

你可以像这样缓存它:

import { Observable } from 'rxjs/Observable'
import 'rxjs/add/observable/of'

// ...

getAvailableLanguages(): Observable<Language[]> {
  return this._data ? Observable.of(this._data) : this.http.get(ApiResources.LANGUAGE, requestOptions)
          .map(response => this.extractJson(response))
          .catch(error => this.handleError(error))
}

其中this._data是缓存的响应，可以通过extractJson设置:

extractJson(res) {
  let json = res.json()
  // something, set this._data ...
  return this._data
}