如何在Angular中多次调用相同的api

Question

我正在使用 Angular 7，我有一个 api 路由，我想多次调用（几乎 20 次）但参数不同。我希望在之前对该 api 的调用返回响应时再次调用该 api 调用。我有一个循环多次调用该 api。循环在 html 中使用 ngFor，它正在渲染子组件并将数据传递给子组件，子组件从 ngOnInit() 调用该 api。例如这是示例 api

'https://demo2081640.mockable.io/events', { params: { ...filters } }

有没有 rxjs 操作符可以做到？

Answer 1

您可以在数组中准备调用，然后使用 concat 运算符。

import { concat } from 'rxjs';

const calls$ = [call(1), call(2), call(3)...call(n)]; // you can use an array

concat(calls$).subscribe();

对于从调用中发出的每个事件（成功和错误）都会触发订阅