Angular - подписаться на цикл for -> как определить конец

Я использую этот код для создания заметок:

update() {
this.tab3Service.updateStickyNote(this.stickyNoteUserConnection.stickyNote).subscribe(response => {
  const updatedStickyNote: StickyNote = response;
  for(let i = 0; i < this.stickyNoteUserConnections.length; i++) {
    this.stickyNoteUserConnections[i].stickyNote = updatedStickyNote;
    this.tab3Service.updateStickyNoteUserConnection(this.stickyNoteUserConnections[i]).subscribe(response => {
    }, error => {
      console.info(error);
    });
  }
  this.createdEditEvent.emit(); // this should be executed after the for loop finished and all is saved at backend
  }, error => {
   console.info(error);
 });
}

Есть ли возможность создать событие после того, как все сохранено в бэкэнде?

angular rxjs

08.07.2024 20:23

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Во-первых, было бы проще работать с одним Observable и сопоставлять вызовы с помощью switchMap . Во-вторых, цикл for не является хорошим выбором для выполнения запросов, поскольку он не ждет завершения Observable. Вместо этого вы можете использовать forkJoin для запуска нескольких запросов одновременно. Обновленный код:

update() {
  this.tab3Service.updateStickyNote(this.stickyNoteUserConnection.stickyNote)
    .pipe(
      switchMap(response => {
        const updatedStickyNote: StickyNote = response;
        this.stickyNoteUserConnections.forEach(connection =>
          connection.stickyNote = updatedStickyNote);
        return forkJoin(
          this.stickyNoteUserConnections.map(connection =>
            this.tab3Service.updateStickyNoteUserConnection(connection))
        );
      })
    )
    .subscribe({
      next: () => this.createdEditEvent.emit(),
      error: error => console.info(error),
    });
}

Кроме того, я заменил цикл for на forEach, он намного короче. Спасибо @jaheraho за предложение.

Кроме того, цикл for можно сделать намного короче: this.stickCons.forEach(x => x.stickyNote = updateStickyNote)

— 08.07.2024 21:03

08.07.2024 20:35