在Angular中，可以使用RxJS库中的可观察对象来缓存数据。以下是一个示例解决方法：

1. 在一个服务中定义一个私有的可观察对象变量和一个公共的可观察对象属性，用于存储和订阅数据：

import { Injectable } from '@angular/core';
import { Observable, of } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private cachedData: Observable;
  public cachedData$: Observable;

  constructor() {
    this.cachedData$ = this.getData();
  }

  getData(): Observable {
    if (this.cachedData) {
      return this.cachedData; // 如果已经有缓存数据，则直接返回
    } else {
      // 模拟异步获取数据，并将结果存储在cachedData中
      return this.cachedData = of({ data: 'Cached data' });
    }
  }
}

2. 在组件中订阅服务中的可观察对象属性，以获取数据：

import { Component, OnInit } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-data',
  template: `
    
{{ data }}
  `
})
export class DataComponent implements OnInit {
  data: any;

  constructor(private dataService: DataService) {}

  ngOnInit() {
    this.dataService.cachedData$.subscribe(data => {
      this.data = data;
    });
  }
}

在组件初始化时，订阅cachedData$属性。如果服务中的cachedData已经有数据，则直接获取并赋值给组件的data变量；否则会进行异步请求获取数据，并将数据存储在cachedData中，以供后续订阅者使用。

这样，每次组件需要获取数据时，都可以通过订阅服务中的可观察对象属性来获取数据，并且避免了重复的异步请求。