angular - 每 20 分钟缓存 angular4 服务调用数据的最佳机制（方式）？如果服务不可用？

Question

我有一个对 webapi 的角度服务调用，如果 webapi 被关闭，必须从缓存中加载数据并且缓存在 20 分钟后过期。

存储数据的更好方法是什么？缓存和网络存储是相同的还是不同的技术？如果相同，angular4核心有没有插件的缓存api？

LocalStorage - 最多存储 5 MB 并在生命周期内清除浏览器的数据，它与 applicationcache 有何不同？SessioStorage - 浏览器关闭并在当前选项卡中的生命周期？它与缓存有何不同？

在角度 1 中，cachefactory 和 templatecache 用于缓存技术？在 angular2 中，如何在没有任何第三方的情况下使用核心 angular 进行缓存。

如何在其他浏览器和IE浏览器中查看缓存数据？

如果服务 api 不可用，缓存数据 20 分钟并在 20 分钟后过期？哪种机制最适合处理这种情况（网络存储或缓存或内存数据服务或 cookie）

数据大小为 2 MB 对象。这里是产品服务？

_ProductUrl ="http://www.testapi.com/api/product";
    getProduct(): Observable <IProduct[]>{   
      return this._http.get(this._ProductUrl)
        .map((response:Response) =>  <IProduct[]> response.json())
        .catch(this.handleError);

}  

product.component.ts

ngOnInit(){
this._productService.getProduct())
  .subscribe((response) => {
this.productData = response;
}),(err)=> {this.errorMsg =<any>err};