角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 
}