Angular, как делать последовательные, зависимые HTTP-запросы на получение

Question

Я хотел бы выполнить один HTTP-запрос на получение после завершения другого. URL-адрес конечной точки для второго запроса должен зависеть от первого запроса.

Я пробовал вложить запросы с чем-то вроде этого в Angular:

this.http.get(endpoint1).subscribe(
   success => {
      this.http.get(endpoint2 + success).subscribe(
         anotherSuccess => console.log('hello stackoverflow!')
      );
   }
);

Первый вопрос здесь о stackoverflow, дайте мне знать, если я должен предоставить более подробную информацию.

Answer 1

Вероятно, вам следует попробовать использовать ngrx (redux) для запуска второго запроса в зависимости от действия success.

Поток должен быть примерно таким: отправить действие из компонента -> вызвать первый запрос -> запрос запускает успешное действие -> успешный эффект запускает второй запрос с полезной нагрузкой из предыдущего запроса.

Прочтите документацию здесь

Answer 2

здесь вы можете узнать, как это сделать , у вас есть различные варианты:

с подпиской:

this.http.get('/api/people/1').subscribe(character => {
  this.http.get(character.homeworld).subscribe(homeworld => {
    character.homeworld = homeworld;
    this.loadedCharacter = character;
  });
});

с mergeMap

this.homeworld = this.http
  .get('/api/people/1')
  .pipe(mergeMap(character => this.http.get(character.homeworld)));

Существует версия с forkJoin, но она не является явной по сравнению с subscribe и mergeMap.