如何在angular 4服务中缓存一些数据?

时间:2017-06-19 19:23:08

标签: angular angular-services angular-http

我有一项服务,我打电话从我的休息服务中提取一些数据。我有一个对象,我在服务中设置了来自其余调用的结果。问题是,当我调用get函数返回对象时,我总是得到未定义的。我目前在应用程序root onInit函数上调用了我的服务。

有关如何加载此数据并存储在对象上的任何帮助,以便下次需要访问它时,我不需要远程调用我的休息服务吗?

这是我的服务

    import { Injectable } from '@angular/core';
    import { Headers, RequestOptions } from '@angular/http';
    import { HttpinterceptorService } from './httpinterceptor.service';
    import { TopicStatus } from '../interfaces/topicstatus';
    import 'rxjs/add/operator/map';

    @Injectable()
export class TopicService {
  baseUrl: string;
  statusObj: TopicStatus[];

  constructor(private http: HttpinterceptorService) {
    this.baseUrl = '/test/restcall/';
  }

  getListItems(token: string, topicType: string, topicStatus?: number) {
    const headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'}),
          options = new RequestOptions({ headers: headers});
    let   body = 'ooo=' + token + '&type=' + topicType;
    if(topicStatus !== undefined) {
      body += '&status=' + topicStatus;
    }
    return this.http.post(this.baseUrl + 'test/restcall', body, options)
      .map((res) => res.json());
  }

  getTopicStatus(token: string) {
    const headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'}),
          options = new RequestOptions({ headers: headers}),
          body = 'ooo=' + token;

    this.http.post(this.baseUrl + 'test/restcall', body, options).map((res) => {
        this.statusObj = res.json();
    });
  }
}

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您可以在函数中使用Observable Of。它会在下次使用现有数据时将您的数据存储在辅助服务中。

示例代码

 getListItems() {

        if(this.storeInfo != null) 
        {
            return Observable.of(this.storeInfo);
        } 
        else 
        {
     const headers = new Headers({'Content-Type': 'application/x-www-form-urlencoded'}),
              options = new RequestOptions({ headers: headers});
        let   body = 'ooo=' + token + '&type=' + topicType;
        if(topicStatus !== undefined) {
          body += '&status=' + topicStatus;
        }
            return this.http.post(this.baseUrl + 'test/restcall', body, options)
                .map(res => <Contact[]> res.json())
                .do(storeInfo => this.storeInfo = storeInfo)
                .catch(this.handleError);
        }
    }