Блог

я реализую угловое решение, чтобы сначала получить все элементы в базе данных, после завершения я затем получаю текущее выбранное поле из базы данных, а затем сопоставляю элементы с полем. мне нужно, чтобы все товары были оплачены, затем, получив поле в конце, выполните сопоставление, у меня есть следующий код, который работает, но он немного грязный, выполняя вложенные наблюдаемые, у кого-нибудь из вас есть более чистое решение?? я нашел в документации решение os swithMap, но я думаю, что оно не подходит для моего случая, потому что карта переключения не работает с верхней наблюдаемой для завершения выполнения внутренней

 this.getItems().subscribe(items => {
        this.itemsInDataBase = items;
    this.loadActiveBox().subscribe(box => {
        this.selectedBox= box;

        this.selectedBox?.versions.forEach((version, index) => {
            this.itemsInDataBase.forEach((itemInDatabase, index) => {
                version.items.forEach((item, index) => {
                        this.insertItemInbox(item, itemInDatabase, version);
                    }
                );
            });
        });
 

grazie mille

switchMap Оператор RxJS может использоваться там, где внутренняя наблюдаемая зависит от внешней наблюдаемой. В вашем случае, поскольку обе наблюдаемые кажутся независимыми, вы могли бы использовать forkJoin функцию.

 forkJoin({
  items: this.getItems(),
  box: this.loadActiveBox()
}).pipe(
  tap({
    next: ({items, box}) => {
      this.itemsInDataBase = items;     // <-- are these needed?
      this.selectedBox = box;
    }
  })
).subscribe({
  next: ({items, box}) => {
    box?.versions.forEach(version =>
      items.forEach(itemInDatabase =>
        version.items.forEach(item =>
          this.insertItemInbox(item, itemInDatabase, version)
        )
      )
    )
  },
  error: (error: any) => {
    // handle errors
  }
});