如何在 Angular 服务中正确实现这一行？

Question

我找到了一个用于 Woocommerce 的 API 库并尝试将其集成到 Angular 中。

为了获取类别，看起来需要这一行。

const json = await WooWorker.getCategories();

我的服务如下所示：

 import { WooWorker } from "api-ecommerce";

  GetAllUsers(): Observable<any> {
    return this.http.get(`${BASEURL}/categories`);
  }

我需要替换这部分return this.http.get(${BASEURL}/categories); 使用此const json = await WooWorker.getCategories();，因为 API 使用第二种方式。用 observable 做这件事如何正确？

Answer 1

GetAllUsers(): Observable<any> {
   return WooWorker.getCategories();
  }

通过返回数据来尝试上述方法

Answer 2

你可以这样写。

import { WooWorker } from "api-ecommerce";
import { Observable, of } from 'rxjs';

async GetAllUsers(): Observable<any> {
  const json = await WooWorker.getCategories();
  return of(json);
}

of 是一个 RxJS 操作符，将输入转换为 observable。