Question

我试图多次订阅自己的后端。当我的代码正在获取数据时，某些事情似乎无法正常工作。通过执行以下代码，除序列外，所有内容均应显示。因此，我的帐户是以正确的顺序提取的，但有时交易顺序有误。

我的代码：

 for(var i = 0; i < this.userlength; i++) {

              //fetch transactions data of the account with index "countul" to our local storage
              this.getAccounts(this.as.getUserId(), countul)
              .pipe(map(accountData => {
                  return {
                    accounts2: accountData.accounts.map(account => {
                      return {
                        productDescription: account.productDescription,
                        balance: account.currentBalance,
                        iban: account.iban
                      };
                  })
                };
              })
              //If an error at requesting data from external bank occurs, delete every token 
              )
              .subscribe(transformedTransactionData => {

                this.accounts[countul] = transformedTransactionData.accounts2;


                      for(var j = 0; j < this.accounts[countul].length; j++) {

                          //Printing some things to the console for testing purpose
                          console.log("countacc: "+countacc);
                          console.log(this.accounts[countul][countacc].iban);

                          //fetch transactions data of the useraccount with index "countul" and subaccount with index "countacc" to our local storage
                          (this.getTransactions(this.transactionsPerPage, this.currentPage, this.accounts[countul][countacc].iban, countul, this.as.getUserId()))
                          .pipe(map(transactionData => {
                              return {
                                transactions2: transactionData.transactions.map(transaction => {
                                  return {
                                    date: transaction.bookingDate,
                                    receiver: transaction.counterPartyName,
                                    amount: transaction.amount,
                                    mandateReference: transaction.mandateReference,
                                    id: transaction.paymentIdentification,
                                    purpose: transaction.paymentReference
                                  };
                                })
                            };
                          }))
                          .subscribe(transformedTransactionData => {

                            this.transactions[countacc2] = transformedTransactionData.transactions2;

                            //Stop loading spinner
                            this.isLoading = false;

                            setTimeout(() => {}, 2000);
                            console.log("Transactions of account " +countacc2 + ": "+JSON.stringify(this.transactions[countacc2]));
                            console.log("Transactions of account " +countacc2 + ": "+JSON.stringify(this.transactions[countacc2]));
                            countacc2++;

                          }), error => {
                            console.log('There was an error getting data');
                            return Observable.throw(error);
                          };

                           //Go to the possible subaccount                            
                          countacc++;

                        }
                        //Go to the next bankaccount
                        countul++;

                      }), error => {
                        console.log('There was an error getting data');
                        return Observable.throw(error);
                      };    
            }  
      }

“ getTransaction”和“ getAccounts”方法：

//Get account data of bankaccount with index (if there are more than one bank account integrated)
 getAccounts(userid: string, index: number) {

  //DataSchema for the http request
  const data = {userid, index};

  //Making a HTTP Request to our Backend with sending out userid and the index of the bankaccount we want
  return this.http.post<{message: string; accounts: any}>(this.apiUrl + "/get", data);

  } 


//Get transaction data of account with index of chosen bankaccount and the iban (if there is a subaccount)
getTransactions(transactionsPerPage: number, currentPage: number, iban: string, index:number, userid: string) {

  //Making a HTTP Request to our Backend with sending out iban of account, index of bakaccount and our userid
  return this.http.post<{transactions: any}>(this.apiUrl + "/transactions", {iban, index, userid});

}

所以有时候看起来像这样：

帐户1 -“名字”“名字” -帐户2 -

的交易

帐户2 -“名字”“名字” -帐户1 -

的交易

我必须注意，有时会以正确的顺序显示它。

有人可以帮我修复我的代码吗？

Answer 1

您可以像这样组合观察物

let observable1 = this.http.get('apiURL1').map(res => res.json());
let observable2 = this.http.get('apiURL2').map(res => res.json());

Observable.forkJoin([observable1 , observable2 ]).subscribe(results => {
// results[0] is our observable1 
// results[1] is our observable2 
});

如何修复嵌套订阅以按顺序工作？

1 个答案: