reCAPTCHA in Angular2Dart

425 views Asked by At

I am trying to use google reCAPTCHA in an Angular2dart app. In index.html I have

https://www.google.com/recaptcha/api.js'>

component's mark-up has -

div class="g-recaptcha" data-sitekey=" site key val ">

However captcha is not displayed in Dartium even after refresh. If I build the app using pub build, deploy it to a container, and then access it using Chrome or other browsers, captcha is not displayed the first time but upon refresh, captcha is displayed. Is there a Dart library similar to Angular recaptcha (https://github.com/VividCortex/angular-recaptcha)?

Moreover, how can I access reCaptcha response in the controller ? I tried using

@ViewChild('heroForm') NgForm heroForm;

but heroForm.value map does not contain reCaptcha response.

1

There are 1 answers

3
Hadrien Lejard On BEST ANSWER

Take a look at this https://github.com/lejard-h/angular_recaptcha

The problem is that the component is load after the recaptcha script, so you have to render the captcha by yourself.

I did a simple component but without the full form integration, feel free to fork and pull request.