Как мне вернуть значение обещания внутри другого обещания?

Question

Я пытаюсь вернуть значение функции обещания внутри обещания.Все еще довольно плохо знакомы с обещаниями, поэтому любые советы очень ценятся!

// card.service.ts

getCard(cardId: string): DocumentData {
    return firebase.firestore().collection('users').doc(this.currentUserId)
        .collection('cardsList').doc(cardId)
        .get()
        .then((docSnapShot) => {
            console.log((docSnapShot));
            return docSnapShot.data();
        },
        (err) => {
            console.log(err);
        });
  }

addCardToWallet(userId: string, cardId: string, dataObject: DocumentData) {
      return firebase.firestore().collection('users').doc(userId)
          .collection('walletList')
          .doc(cardId)
          .set(
              dataObject
          );
  }

// scanner.component.ts
scanCode() {
   this.barcodeScanner.scan(
          {
           showFlipCameraButton : true, // iOS and Android
           showTorchButton : true, // iOS and Android
           prompt : 'Scan a Kardbox QR' // Android
          }
     ).then((barcodeData) => {
         this.cardService.getCard(barcodeData.text)
             .then((data) => {
               // I want to add this to the database first

               this.cardService.addCardToWallet(this.currentUserId, barcodeData.text, data);

              // After adding values to database, navigate to other page

              this.router.navigate(['/home/wallet']);
        });
     });
 }

Вывод, который я получаю, - это значение barcodeData, и я не знаю, почему он это делает.

Answer 1

Вы должны вернуть обещание в вашей функции getCard (cardId: string)

getCard(cardId: string): Promise<DataType or any> {
    const promise = new Promise((resolve,reject) => { 
         firebase.firestore().collection('users').doc(this.currentUserId)
        .collection('cardsList').doc(cardId)
        .get()
        .then((docSnapShot) => {
            console.log((docSnapShot));
            resolve(docSnapShot.data());
        },
        (err) => {
            console.log(err);
        });
    });
    return promise;
  }

Если вы хотите перемещаться после добавления данных в базу данных, вы должны поместить router.navigate в обратный вызовМетод addCardToWallet

this.cardService.addCardToWallet(this.currentUserId, barcodeData.text,data).then(res => {
      router.navigate(/somwhere)
});

Answer 2

Может быть, это может помочь. Пожалуйста, скажите мне, если это не так.

scanCode( ) {
    this.barcodeScanner.scan({
        showFlipCameraButton: true,
        showTorchButton: true,
        prompt: 'Scan a Kardbox QR'
    })
    .then( ( barcodeData ) => {
        this.cardService.getCard( barcodeData.text )
            .then( ( data ) => {
               // addCardToWallet returns a promise, right? Wait for it to return
               this.cardService.addCardToWallet( this.currentUserId, barcodeData.text, data )
                   .then( ( ) => {
                       // And after the card is added, tell the router to navigate
                       this.router.navigate([ '/home/wallet' ]);
                   })
            });
     })
     // Just in case, I recommend you to catch any error that might arise in the promise chain
     .catch( ( error ) => {
         console.error( 'Oops, something failed: "' + error + '"' );
     });
 }

Answer 3

Я думаю, вы должны попробовать асинхронное ожидание, заменить:

this.barcodeScanner.scan(
        {
          showFlipCameraButton : true, // iOS and Android
          showTorchButton : true, // iOS and Android
          prompt : 'Scan a Kardbox QR' // Android
        }
    ).then((barcodeData) => {
        this.cardService.getCard(barcodeData.text)
            .then((data) => {
              // I want to add this to the database first
          this.cardService.addCardToWallet(this.currentUserId, barcodeData.text, data);

          // After adding values to database, navigate to other page

          this.router.navigate(['/home/wallet']);
    });
});

с:

const barcodeData = await this.barcodeScanner.scan(
  {
    showFlipCameraButton : true, // iOS and Android
    showTorchButton : true, // iOS and Android
    prompt : 'Scan a Kardbox QR' // Android
  },
);
const data = await this.cardService.getCard(barcodeData.text);

this.cardService.addCardToWallet(this.currentUserId, barcodeData.text, data);
this.router.navigate(['/home/wallet']);

И не забудьте добавить асинхронный метод перед методом scancode ().