Google reCAPTCHA + AngularJS + Twitter Bootstrap - Modal

Question

Я использую google reCAPTCHA через angular-no-captcha внутри твиттер-бутстрапа. Каждый раз, когда всплывающее окно открывается, мне необходимо сбросить виджет captcha. Поэтому я сбросить его, каждый раз, когда модальный шоу событие называется, как показано ниже:

element.find(".modal").on("show.bs.modal",function(){ 
    $scope.noCaptchaControl.reset(); 
}); 

Но я получаю следующее сообщение об ошибке:

Uncaught TypeError: Не удается прочитать свойство «зарегистрировать» неопределенных WWW-OpenSocial .googleusercontent.com/гаджеты/RPC/rpc.v.js: 29 Uncaught TypeError: не определено не является функцией

Любая помощь очень ценится. спасибо заранее

Answer 1

Я думаю, вам не хватает 'widgetId'

попробуйте через директиву

https://github.com/vividcortex/angular-recaptcha

Я реализовал ReCaptcha через эту директиву.

Я добавил следующий код в свой HTML-страницу

<div vc-recaptcha key="'6Le4sgITAAAAAIzD0brQ3-8ikkN1NQStppnsB1Vi'" on-create="captchaCreate()" 

on-success="setResponse(response)"> </div> 
       <div ng-show="invalidCaptcha" class="form-group"> 
       <div class="has-error"> 
         <span class="help-block">Please verify captcha</span> 
         </div> 
     </div> 

и в controller.js

$scope.captchaCreate = function() { 
       console.log("CREATED"); 
//     vcRecaptchaService.reload(); 
      }; 

      $scope.invalidCaptcha = false; 

      $scope.setResponse = function(response) { 
       $scope.user.captcharesponse = response; 
       if (response !== null && response !== undefined && response !== '') { 
        $scope.invalidCaptcha = false; 
       } 
      }; 


$scope.resetCaptcha=function(){ 
vcRecaptchaService.reload(); 
}; 

также я добавил Recaptcha JS в тег сценария и модуля vcRecaptcha в мое приложение по редактированию следующей линия

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

И это отлично работает для меня