Angular多个HTTP调用分组错误传递给父可观察方法。
创始人
2024-10-24 16:01:13
0

使用 RxJS 的 switchMap 操作符将多个 HTTP 调用组合为一个可观察对象,并在组合完成后将其传递给父可观察方法。

示例代码如下:

import { Component } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs/Observable';
import { switchMap } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: `
    
  `
})
export class ExampleComponent {

  constructor(private http: HttpClient) {}

  getData() {
    const getFirstData$ = this.http.get('https://jsonplaceholder.typicode.com/todos/1');
    const getSecondData$ = this.http.get('https://jsonplaceholder.typicode.com/todos/2');

    Observable.combineLatest(getFirstData$, getSecondData$)
      .pipe(
        switchMap(([firstData, secondData]) => {
          // Do something with the data
          console.log('First Data:', firstData);
          console.log('Second Data:', secondData);
          return this.http.get('https://jsonplaceholder.typicode.com/todos/3'); // Return new observable for parent method
        })
      )
      .subscribe((thirdData) => {
        // Do something with the data from the third HTTP call
        console.log('Third Data:', thirdData);
        // Pass data to the parent method
        this.parentHandleData(thirdData);
      });
  }

  parentHandleData(data) {
    // Do something with the data in the parent component
    console.log('Parent Data:', data);
  }
}

相关内容

热门资讯

科技分享!uupoker有透视... 科技分享!uupoker有透视吗,aapoker透视脚本入口,好像存在有挂(有挂存在)科技分享!uu...
一分钟揭秘!微扑克游戏辅助器,... 一分钟揭秘!微扑克游戏辅助器,德普之星辅助器app,切实真的有挂(有挂总结)1、用户打开应用后不用登...
三分钟了解!wepoker有透... 三分钟了解!wepoker有透视功能吗,aapoker怎么控制牌,原来是有挂(真实有挂)1、辅助器安...
总算了解!pokemmo手机版... 总算了解!pokemmo手机版修改器,wepoker怎么挂飞机,其实真的是有挂(有挂秘诀)1、模拟器...
科普攻略!菠萝德州透视脚本,w... 科普攻略!菠萝德州透视脚本,wepoker破解游戏盒子,一贯有挂(有挂透明挂)1、首先打开辅助器下载...
分辨真假!xpoker辅助器,... 分辨真假!xpoker辅助器,aapoker透视插件,切实真的有挂(有挂规律)在进入软件靠谱后,参与...
终于清楚!约局吧德州真的存在透... 终于清楚!约局吧德州真的存在透视吗,aapoker真的假的,真是是真的有挂(有挂方针)该软件可以轻松...
一分钟揭秘!wepoker私人... 一分钟揭秘!wepoker私人局透视插件,德普之星透视软件免费入口官网,竟然真的有挂(有挂秘籍)1、...
玩家必看秘籍!wpk辅助哪里买... 玩家必看秘籍!wpk辅助哪里买,竞技联盟破解版最新版,一直是真的有挂(真的有挂)破解侠是真的助透视。...
实测揭晓!wepoker轻量版... 实测揭晓!wepoker轻量版书签,购买的wpk辅助在哪里下载,一贯真的有挂(有挂透明挂)1、首先打...