Push object into array in the observable subscribe

Question

I have two requests with the same object result ("Data"). I would get the two responses and put the all in the array ("Data[]"). example :

In my service:

  getData1(): Observable<Data> {
    return this.http
      .get<Data>(`${url}/data`):

  }

  getData2(): Observable<Data> {
    return this.http
      .get<Data>(`${url}/data`):

  }

How I can make for get the result of the two methods and put the all in the data[] for my component?

UPDATE SOLUTION

service

  getData1(): Observable<Data> {
    return this.http
      .get<Data>(`${url}/data`):

  }

  getData2(): Observable<Data> {
    return this.http
      .get<Data>(`${url}/data`):

  }

 getDatas(): Observable<GetData[]> {
   return forkJoin([this.getData1(), this.getData2()]);
  }

component

 getDatas: GetData[];
 ngOnInit() {
    this.dataService.getDatas().subscribe(x =>  this.getDatas= x);
  }

I can make a loop on *ngFor="let data of datas"

It's work

you can use the forkJoin or merge operators to combine the resulting observables and get the results. — toskv
– toskv, Commented Apr 14, 2020 at 18:57
Does this answer your question? How to combine the results of two observable in angular? — Igor
– Igor, Commented Apr 14, 2020 at 19:03

Shashank Vivek · Accepted Answer · 2020-04-14 19:02:30Z

2

Use ForkJoin as below:

 getData(): Observable<Data[]> {
   const req = [];
   req.push(this.http.get<Data>(url_1));
   req.push(this.http.get<Data>(url_2));
   return forkJoin(req);
 }

This will return response as an array where the response of both url will be provided

answered Apr 14, 2020 at 19:02

Shashank Vivek

17.6k9 gold badges70 silver badges110 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Push object into array in the observable subscribe

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related