Angular HttpClient Object to Array

Question

I have an HttpClient call in Angular 6 that responds with a single object but what I need is an Array. How can I convert the single object returned by the service into an Array that has the single object in it?

I've tried the tap and map operators in Rxjs but think I am missing something simple somewhere. Code is below:

  search(): Observable<TrainInfo[]> {
    return this.http
      .get<TrainInfo[]>(this.SEARCH_URL)
      .pipe(
        // ??? Something here to convert TrainInfo object returned by get into TrainInfo[]
      );
  }

TLDR: search_url returns one object (TrainInfo), actually need Array (TrainInfo[])

Does search_url ALWAYS return one TrainInfo or can it return one or multiple? — Dean
– Dean, Commented Jan 14, 2019 at 23:49

Dean · Accepted Answer · 2019-01-14 23:52:56Z

1

Map is the operator you were looking for. If search_url always returns a single TrainInfo, this should do the trick:

search(): Observable<TrainInfo[]> {
  return this.http
    .get<TrainInfo>(this.SEARCH_URL)
    .pipe(
      map(value => [ value ]));
}

answered Jan 14, 2019 at 23:52

Dean

2,32122 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

Angular HttpClient Object to Array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related