Angular 6:对数组的每个元素进行2个API调用。
创始人
2024-10-16 12:30:38
0

在Angular 6中,你可以使用RxJS的forkJoin操作符来对数组的每个元素进行2个API调用。以下是一个解决方法的示例代码:

首先,确保你已经导入了所需的依赖:

import { Observable, forkJoin } from 'rxjs';
import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators';

然后,创建一个服务或组件,并注入HttpClient:

constructor(private http: HttpClient) { }

接下来,创建一个函数来对数组的每个元素进行API调用。假设你有一个items数组,其中包含要进行API调用的元素:

callApisForItems(items: any[]): Observable {
  // 创建一个空数组来存储每个API调用的Observable
  const observablesArray: Observable[] = [];

  // 对每个数组元素进行循环
  items.forEach(item => {
    // 创建每个API调用的Observable,并将其推送到数组中
    const apiCall1$ = this.http.get('api/url1/' + item.id);
    const apiCall2$ = this.http.get('api/url2/' + item.id);
    observablesArray.push(forkJoin([apiCall1$, apiCall2$]));
  });

  // 使用forkJoin操作符来合并所有的Observable,并返回一个新的Observable
  return forkJoin(observablesArray);
}

最后,在你的组件或服务中调用这个函数:

this.callApisForItems(items).subscribe(results => {
  // results是一个数组,包含每个API调用的结果
  console.log(results);
});

这个示例代码将对items数组中的每个元素进行2个API调用,并使用forkJoin将所有的Observable合并为一个新的Observable。当所有的API调用都完成时,你将会收到一个包含每个API调用结果的数组。你可以根据需要进行结果的处理和操作。

相关内容

热门资讯

第五分钟辅助!德州透视插件,w... 第五分钟辅助!德州透视插件,wepoker私人局外卦,经验教程(有挂方法)1、下载好wepoker私...
九分钟辅助!aapoker辅助... 九分钟辅助!aapoker辅助软件合法吗,拱趴大菠萝挂哪里,指引教程(有挂头条)1、全新机制【aap...
六分钟辅助!wepoker免费... 六分钟辅助!wepoker免费透视脚本,wepoker安装教程,指南书教程(有挂分析)1、wepok...
3分钟辅助!wepoker私局... 3分钟辅助!wepoker私局代打,xpoker透视辅助,指南教程(有挂透明挂)1、wepoker私...
第九分钟辅助!pokemmo脚... 第九分钟辅助!pokemmo脚本辅助下载,wepoker透视器免费,资料教程(有挂教程)进入游戏-大...
第1分钟辅助!wpk透视辅助靠... 您好,wpk透视辅助靠谱吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很...
4分钟辅助!werplan透视... 4分钟辅助!werplan透视挂,pokernow辅助工具,策略教程(有挂详细)1、pokernow...
6分钟辅助!aapoker真的... 6分钟辅助!aapoker真的假的,wepoker开脚本视频,技法教程(有挂解惑)1、下载好wepo...
第一分钟辅助!we poker... 第一分钟辅助!we poker免费辅助器,wpk插件,绝活儿教程(有挂分享)1、we poker免费...
第一分钟辅助!wepoker辅... 第一分钟辅助!wepoker辅助器官方,wepoker游戏的安装教程,指南教程(新版有挂)wepok...