angular-no-captcha

Angular.JS wrapper for Google's No CAPTCHA reCAPTCHA

Prerequisites

1. Sign up for an API key at https://www.google.com/recaptcha/admin#createsite.

2. Check documentation for No CAPTCHA reCAPTCHA at https://developers.google.com/recaptcha/intro.

Usage

1. Install package via bower and save it as a project dependency

   $ bower install angular-no-captcha --save
   

2. Add Googles reCAPTCHA script to html

   <script src='//www.google.com/recaptcha/api.js'></script>

3. Include noCAPTCHA script

   <script src="src/angular-no-captcha.js"></script>

4. Add module dependency to your angular module

   var app = angular.module('myApp', ['noCAPTCHA']);

5. (Optional step) Set default options for noCAPTCHA

   angular.module('myApp')
     .config(['noCAPTCHAProvider', function (noCaptchaProvider) {
       noCaptchaProvider.setSiteKey('<your site key>');
       noCaptchaProvider.setTheme('dark');
     }
   ]);

6. Finally add noCaptcha element to your form

   <no-captcha
       g-recaptcha-response="gRecaptchaResponse"
       theme='light'
       site-key="<your site key>">
   </no-captcha>

no-captcha element parameters

Param	Type	Details
g-recaptcha-response	Expression	Bind reCAPTCHA response token
theme	String {light | dark}	Optional. The color theme of the widget. Can be set also in config
site-key	String	Optional. Your site key. Can be set also in config