在 Angular 12 中,我们可以使用 RxJS 中的 forkJoin 操作符来实现同时调用多个 Rest API。下面是一个代码示例:
getUsers() {
return this.http.get('https://example.com/users');
}
getPosts() {
return this.http.get('https://example.com/posts');
}
import { forkJoin } from 'rxjs';
import { ExampleService } from './example.service';
ngOnInit() {
forkJoin([
this.exampleService.getUsers(),
this.exampleService.getPosts()
]).subscribe(results => {
// 对获取到的结果进行处理
});
}
forkJoin 接收一个数组作为参数,该数组中包含多个 Observables。在本例中,我们将 getUers() 和 getPosts() 函数返回的 Observables 放到一个数组中。当调用了所有的 Observables 并成功获取到它们的结果时,forkJoin 将返回一个数组,其中包含每个 Observable 的结果。因为我们使用了 subscribe 函数,所以当 forkJoin 返回结果时,我们可以对这些结果进行处理。