Angular ngx-restangular 提供了缓存数据的功能。以下是一个示例解决方法：

1. 首先，安装 ngx-restangular：

   npm install ngx-restangular
   

2. 在 app.module.ts 中导入并配置 RestangularModule：

   import { RestangularModule } from 'ngx-restangular';
   
   @NgModule({
     imports: [
       RestangularModule.forRoot((RestangularProvider) => {
         // 配置 Restangular
         RestangularProvider.setBaseUrl('https://api.example.com/');
         // 添加缓存配置
         RestangularProvider.setDefaultHttpFields({ cache: true });
       })
     ],
     ...
   })
   export class AppModule { }
   

3. 在你的组件中使用 ngx-restangular：

   import { Component, OnInit } from '@angular/core';
   import { Restangular } from 'ngx-restangular';
   
   @Component({
     selector: 'app-my-component',
     template: `
       
   
         {{ item.name }}
       
     `
   })
   export class MyComponent implements OnInit {
     items: any[];
   
     constructor(private restangular: Restangular) { }
   
     ngOnInit(): void {
       this.restangular.all('items').getList().subscribe((response) => {
         this.items = response.plain();
       });
     }
   }
   

   在上面的示例中，我们使用 restangular.all('items').getList() 方法获取数据列表，并使用 plain() 方法将响应转换为纯对象数组。这将使用默认的缓存配置进行请求，如果有缓存数据可用，则会从缓存中获取数据。

   注意：ngx-restangular 还提供了其他缓存相关的配置选项，例如设置缓存键、清除缓存等。你可以根据具体需求进一步调整配置。详细信息可以参考 ngx-restangular 的官方文档。