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
}