本地存储中的 Angular 缓存 http

Question

在 Ionic 4 Angular 8 项目中，我尝试在调用 API 之前获取存储中的信息。

这是我的代码

public getData(id) {
    return this.storage.get(id).then(
        content => {
            if (content == null) {
                return this.getObject(id).subscribe(
                    result => {
                        return result;
                    }
                );
            } else {
                return content;
            }
        }
    );
}

如何调用函数“getData”？

myService.getData(id).then

这个返回字符串或者observable我应该订阅，这两种情况如何处理？

Answer 1

如果您使用的是 RxJS 6，我建议您将 promise 转换为 observable（使用 from 运算符），然后使用可管道运算符处理后续操作，例如 tap 或 switchMap ，取决于您的方法所需的行为。在这种情况下，我们可以使用 switchMap，因为我们返回的是一个 observable。

import { from } from 'rxjs';
import { switchMap } from 'rxjs/operators';

getData(id) {
  return from(this.storage.get(id))
    .pipe(
      switchMap(content => {
        if (content === null) {
          return this.getObject(id);
        } else {
          return of(content);
        }
      }),
    )
}

从那里，您可以订阅 getData 并返回 observables。

myService.getData(id).subscribe((res) => {
  // do the rest here
})

Answer 2

您正在寻找这样的东西？

public getData(id): Observable<any> {
  return this.storage.get(id)
    .then(content => {
      if (content === null) {
        return this.getObject(id);
      } else {
        return of(content);
      }
    }
}

然后你就可以这样称呼它了：

myService.getData(id).subscribe(console.log);

更新

你可以试试这个吗？

getData(id): Observable<any> {
  return Observable.fromPromise(this.storage.get(id)).switchMap(content => {
    if (content === null) {
      return this.getObject(id);
    } else {
      return of(content);
    }
  })
}