Simple ReCaptcha directive for Angular

Module License: MIT

Added by: Sam Deering





Stars: 1

Watchers: 1

Forks: 0

Module Description


Simple ReCaptcha directive for Angular to support Google recaptcha's

Needs an ng-model to keep the response of the recaptcha, sets the $error when it's not a valid user. Resets after timeout of the google Recaptcha.

To make this system more bulletproof, you should use the respone on your server to verify if the user isn't a robot


  • Sander Elias (
  • Jeroen Bastijns (

Example Usage

Load the Google ReCaptcha script:

<script type="text/javascript" src=""></script>

Load the angularSimpleRecaptcha script after loading AngularJs:

<script type="text/javascript" src="bower_components/angular-simple-recaptcha/dist/angular-simple-recaptcha.min.js"></script>

Add angular simple recaptcha to your module dependencies

angular.module('yourModule', ['AngularSimpleRecaptcha'])

Use it where you want!

<form name="[yourForm]">
  <simple-recaptcha ng-model="loginCtrl.chaptcha"  site-key="[your-public-key-for-google-recaptcha]"></simple-recaptcha>

Catching the error of the captcha.


Bower package

bower install angular-simple-recaptcha

Module stats last updated: 2015-06-07 05:30:25

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!