在角度4的ReCaptchaModule中过期回调

Question

我在reCaptcha中使用了jQuery，只要验证码checked和captcha过期就有办法获取事件。现在我正在使用Angular 4并使用import { ReCaptchaModule } from 'angular2-recaptcha'; 。当检查验证码时，还有get事件。

handleCorrectCaptcha(evt) {
if (evt != null || typeof evt !== typeof undefined) {
  this.captchaChecked = true;
  this.captchCode = this.captcha.getResponse();
} else {
  this.captchaChecked = false;
}
console.log(this.captchaChecked);
}

其中captcha为@ViewChild(ReCaptchaComponent) captcha: ReCaptchaComponent;。现在我正在寻找类似的事件，当验证码过期。类似于jquery提供的那些data-expired-callback="recaptchaExpiryHeader"。

Answer 1

您可以通过使用回调函数来实现。要捕获到期回调，您需要订阅 handleCaptchaExpiry(){ // doWhatEver U want. } 事件。

(captchaExpired)="handleCaptchaExpiry()"

在元素中使用angular2-recaptcha。 handleCaptchaExpiry提供了在显示的图片已过期时触发事件{{1}}的方法。它没有任何事件参数。