时间戳

首页 > 解决方案 > 如何在Angular中多次调用相同的api

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

问题描述

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

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

有没有 rxjs 运营商可以做到这一点？

标签： angularrxjs

解决方案

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

import { concat } from 'rxjs';

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

concat(calls$).subscribe();

订阅将针对调用中发出的每个事件触发（成功和错误）

推荐阅读