Как навести порядок запросов http в списке наблюдаемых в Angular 7

Question

Мне нужно получить список идентификаторов Id => this.getIds () и получить их имена => getNames (id) для каждого идентификатора в списке идентификаторов, используя mergeMap (). Может кто-нибудь, пожалуйста, проверьте, что я делаю неправильно ниже (не компилируется)?

in, myservice.ts:

getIds()<any> {
     this.http
        .post(url1, '')
        .subscribe(map(({ Ids }: any) => Ids.map(item => ({Id: item.Id, Name: item.Name }))));
    }
getNames():Observable<any[]> {
     return this.http
        .post(url2, '')
        .pipe(map(({ Names }: any) => Names.map(item => ({Sid: item.Id, Name: item.Name }))));
}

in, component.ts:

  getIds(): void {
  this.myservice
     .getIds.pipe(
     mergeMap(id => this.getNames(id)),
     mergeMap(names => names),
     toArray()
     )
  }
getNames(): void {
   this.myservice
     .getNames(ids)
     .subscribe(val => this.data = val);
  }

Answer 1

Вам нужно изменить сигнатуру вашей функции getIds с:

getIds()<any> 

до

getIds(): any

Answer 2

Вы не возвращаете ничего из getNames метода компонента, который в идеале должен возвращать Observable

getNames(): void {
   return this.myservice
      .getNames(ids)
}