CODEWITHSUNDEEP
arraysangularrxjsobservable
Colin
Colin

Reputation: 379

Mapping Observable array of one type to an Observable array of a different type

I am working on a data service that gets data from a REST service. Is there a way to receive an Observable of an array of one type of object but return an Observable of a different type of array? I would think this is what mergeMap does but I'm having trouble understanding how to accomplish this.

Something like this:

@Injectable()
export class MyDataService {
  constructor(private http: HttpClient) { }

  getThings(): Observable<B[]> {
    return this.http.get<A[]>(url)
    mergeMap(x => [x + <B>{foo: x.bar});
  }
}

In C# I would just use a LINQ expression to select a new object. How can I do the same thing in Angular? Perhaps the service can just simply return the Observable array of type A and the consumer that's subscribed to the service can take care of the mapping somehow? Would that be the better approach?

Upvotes: 1

Views: 710

Answers (1)

martin
martin

Reputation: 96891

It depends what/where you want to map. For example you can type hint the .map operator:

.map<A, B>(v => /* transform A to B */)

You can do the same with mergeMap:

.mergeMap<A, B>(v => /* transform A to Observable<B> */)

Upvotes: 1

Related Questions