дождаться результата, прежде чем продолжить - PullRequest
Новая
       29

дождаться результата, прежде чем продолжить

0 голосов
/ 11 февраля 2020

Я использую Google reCaptcha V3 как часть моего Angular (7) проекта.

Я хотел бы дождаться ответа токена, прежде чем перейти к остальной части кода и проверить, Токен подтвержден или нет. 

declare var grecaptcha: any;

  ngOnInit() {
    this.validateCaptcha();
    if(this.gToken)
    {
      ...
    }
  }
  gToken:string;
  validateCaptcha()
  {
    let self = this;
    grecaptcha.ready(function() {
    grecaptcha.execute('reCAPTCHA_site_key', {action: 'homepage'}).then(function(token){
      self.gToken = token;
    });
});
  }

Дело в том, что this.gToken не определен, потому что он не ждет, пока validateCaptcha завершит sh свою работу. Я также пробовал async и await, но это не помогло. возможно я использовал это неправильно.

Ответы [ 2 ]

2 голосов
/ 11 февраля 2020

Вы можете использовать Обещание здесь.

Вам нужно подождать, пока токен не будет сгенерирован.

Вы также можете использовать asyn c / await вместо Обещания. 

ngOnInit() {
   this.validateCaptcha().then(token => { // Here wait token generated
      if(token) {
      }
   })
}

validateCaptcha() {
    return new Promise((res, rej) => {
      grecaptcha.ready() => {
              grecaptcha.execute('reCAPTCHA_site_key', {action: 
                 'homepage'}).then((token) => {
                  return res(token);
              })

      })
    })
}

Обновить пример с помощью asyn c / await.

При использовании asyn c / await ваш метод validateCaptcha останется таким же (должен вернуть Promise) 

async ngOnInit() {  // async keyword added here
    try {
        let token = await this.validateCaptcha();  // await keyword added here
        if(token) {
        }
    } catch(e) {
    }

}
1 голос
/ 11 февраля 2020

Почему бы не сделать validateCaptcha () вернуть обещание? 

declare var grecaptcha: any;

  ngOnInit() {
    this.validateCaptcha().then(() => {
        if(this.gToken)
        {
          ...
        }
    });
  }
  gToken:string;
  validateCaptcha()
  {
    let self = this;
    return new Promise((resolve, reject) => {
        grecaptcha.ready(function() {
            grecaptcha.execute('reCAPTCHA_site_key', {action: 'homepage'}).then(function(token){
            self.gToken = token;
            resolve();
         });
       });
    });
  }
...