在两个API Angular 9之间为每个ID创建数组数据

编程问答 2022-08-23

问题描述

我正在学习并且对这种逻辑感到困惑。 我们能否从两个API之间的每个ID获取数组数据

让我们先调用API获取列表ID 

[1,2,3,4,5]

然后第二个API获取包含详细数据的列表。 如果第二个API的网址没有ID（例如：htp：//pokeapi.com/data/2），则结果为空

{"by":"abc","id":2,"score":2000,"desc":"passed"}

我想通过第二个API从第一个API获取数据，并且 获得包含所有数据的结果数组

我尝试过，但是不好笑。

.subscribe(
    (items) => {
      for (var i = 0; i < items.length; i++) {
        var result = items[i];

        this.secondAPI
          .get({ id: result })
          .subscribe(
            (item) => {
              this.items = item;
              console.log('itemm ' + JSON.stringify(this.items));
            }
          );
      }
    },error => console.log('Error data ' + error)
  );

我尝试了将数据传递到Input的其他方法 但不显示结果（空）

在player.ts 

@input() dataId: any;
items: any;

getPlayer() {
  this.firstAPI
    .get()
    .subscribe(
      items => {
        this.items = items;

        console.log('data ' + JSON.stringify(this.items));
      }
    );
}

并在HTML文件中

<li *ngFor="let item of items; let i = index">
  <ion-label routerLink="/detail/{{ item }}">
    <item class="player" [dataId]="item"></item>
  </ion-label>
</li>

谢谢您的帮助！

注意：我已经做到了。刚刚从其他组件传递了数据。

解决方法

将rxjs运算符与管道一起使用：

    .pipe(
         concatMap(x => x),switchMap(x => this.secondAPI.get({ id: x })),toArray()
    )
    .subscribe(item => console.log(item))
angularapiapiarraysarraysloops