angularJSを使用したGoogleのcaptcha

Question

Angular JSでGoogle Captchaを使用しようとしています。私の問題は、div "recaptcha"が常に表示されないことです。これは、他のスクリプトの読み込みが完了する前にgoogleのcaptchaスクリプトが読み込まれるためだと思います。

divが表示されたら、すべて正常に動作します。

誰もがすべてを機能させる方法を知っていますか？

Answer 1

reCaptchaライブラリ<script src="https://www.google.com/recaptcha/api.js?onload=vcRecaptchaApiLoaded&render=explicit" async defer></script>がheadタグに含まれていることを確認してください。 reCaptcha APIが使用可能になったことをAngular-Recaptchaライブラリに通知するには、onloadコールバックが必要です。