如何将缓存添加到Observable，mat-autocomplete

const optionsCache = new Map<string, any[]>();

import { debounceTime, distinctUntilChanged, switchMap } from 'rxjs/operators';

...
// 用户输入变化的Observable流
const userInput$ = this.inputControl.valueChanges.pipe(
  debounceTime(300), // 防抖延迟300毫秒
  distinctUntilChanged() // 仅在输入值发生变化时触发
);

// 添加缓存逻辑
const autoComplete$ = userInput$.pipe(
  switchMap((value: string) => {
    // 检查缓存中是否已存在对应的选项列表数据
    if (optionsCache.has(value)) {
      return of(optionsCache.get(value)); // 直接使用缓存的数据
    } else {
      // 发送API请求获取选项列表数据
      return this.apiService.getOptions(value).pipe(
        tap((options: any[]) => {
          // 将获取到的数据存入缓存中
          optionsCache.set(value, options);
        })
      );
    }
  })
);

// 订阅Observable流获取最终的选项列表数据
autoComplete$.subscribe((options: any[]) => {
  // 处理选项列表数据
  // ...
});