角2：期限切れのコールバックはGoogleのreCAPTCHAで解雇されていません

Question

Googleの角度2のアプリケーションで、GoogleのreCAPTCHAでフォームを作成しましたが、以下のように読み込んでいます。

<div class="g-recaptcha" [attr.data-sitekey]="sitekey" expired-callback="expCallback" data-callback="verifyCallback"></div> 

対応するコンポーネントコンストラクタでは、以下のようにexpCallbackをバインドしています。

constructor(private _accountsApi: AccountsApiService, private _fb: FormBuilder) { 
    this.initForm(); 
    window['verifyCallback'] = this.recaptchaCallback.bind(this); 
    window['expCallback'] = this.resetCaptcha.bind(this); 
} 

resetCaptcha() { 
    grecaptcha.reset(); 
} 

ここで、ユーザーがCaptchaを解決し、ページを2分間アイドル状態にした場合。 "認証が期限切れになりました。チェックボックスを再度オンにしてください" このエラーメッセージが表示されたら、resetCaptcha()メソッドが呼び出されません。

何か不足していますか？または、キャプチャが期限切れになったときにリロードする方法がありますか？

Answer 1

私はangle2専用に開発されたこのモジュールを使用しました。 コールバックでうまく動作します。

angular2-recaptcha

Answer 2

あなたが検証をリセットするには、次のコードを使用することができます/現在あなたが唯一の回避策、それを呼び出すことができますreCAPTCHAの

let myWindow: any = window; myWindow.grecaptcha.reset();

を使用。より多くの更新については、githubの時にこのスレッドに従ってください：

Link to this feature thread at GitHub