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

Question

我找到了一个Woocommerce的API库，并试图将其集成到Angular中。

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

const json = await WooWorker.getCategories();

我的服务如下所示：

import { WooWorker } from "api-ecommerce";
GetAllUsers(): Observable<any> {
return this.http.get(`${BASEURL}/categories`);
}

我需要将这部分替换为 ${BASEURL}/类别return this.http.get();有了这个const json = await WooWorker.getCategories();，因为API使用第二种方式。如何正确使用可观察性来做到这一点？

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 运算符，用于将输入转换为可观察量。