Google Captcha mit AngularJS

Question

Ich versuche Google Captcha mit Angular JS zu verwenden, Mein Problem ist, dass das div "Recaptcha" nicht immer angezeigt wird. Ich denke, das liegt daran, dass das Google Captcha-Skript geladen wird, bevor meine anderen Skripts geladen wurden.

Wenn das Div angezeigt wird, funktioniert alles wie es sollte.

Weiß jemand, wie man alles funktioniert?

Answer 1

Stellen Sie sicher, dass die reCaptcha-Bibliothek <script src="https://www.google.com/recaptcha/api.js?onload=vcRecaptchaApiLoaded&render=explicit" async defer></script> im head-Tag enthalten ist. Der Onload-Callback ist erforderlich, um der angular-recaptcha-Bibliothek mitzuteilen, dass reCaptcha api zur Verwendung bereit ist.