Angular4 Rxjs可观察限制后端HTTP请求

Question

我试图在我的应用程序中限制不必要的HTTP调用的数量，但是每次我订阅一个可观察的请求都会向服务器发出请求。有没有一种方法可以订阅可观察的，而不会触发超文本传输协议请求？我的可观察服务看起来是这样的：

getServices(): Observable<Service[]> {
    return this.http.get(this.serviceUrl).map(res => res.json())._catch(err => err);
}

然后在我的组件中，我同意如下所示的可观察性：

this.serviceService.getServices（）.subscribe（服务=

我希望实现的是以某种方式将数据存储在服务本身上（这样我就可以在整个应用程序中使用该数据，而无需分别对每个组件发出请求，但我还希望知道组件何时接收到该数据（我通常通过订阅）。




Answer 1

我不确定我是否正确地理解了你的问题，但是似乎你想在服务中缓存第一个HTTP请求的结果，所以如果第一个组件获取数据，第二个组件（另一个订阅者）将检索缓存的数据。如果是这种情况，请在模块级别声明服务提供程序，以便Angular创建一个单例对象。然后在服务内部创建一个var，存储第一次检索后的数据。

@Injectable()
export class DataService{

    mydata: Array<string>[];

    constructor(private http:Http){}

    getServices(): Observable<string[]> {
        if (this.mydata){
            return Observable.from(this.mydata);  // return from cache
        } else
        {
            return return this.http.get(this.serviceUrl).map(res => res.json())._catch(err => err);
        }
    }
}