ReCaptcha Googleのデータコールバックwith angularJs

Question

私はangularjsAppにGoogle Captchaを実装しました。

私は、このHTML

<div class="g-recaptcha" data-sitekey="{{key}}" data-callback="enableBtn()"></div> 

を持っており、私のコントローラで私が持っている：

$scope.enableBtn = function(){ 
    $scope.captchaSigned = true; 
}; 
$scope.key = "xyz"; 

しかし、仕事と私のコンソール・リターンではありません：

ReCAPTCHA couldn't find user-provided function: enableBtn() 

はどのようにして作ることができますAngularjsのデータコールバック？あなたのhtmlプットで

Answer 1

私は "enableBtn" の後に "）（" プットする前に試してみましたが、それは動作しません。このライブラリをhttps://github.com/VividCortex/angular-recaptcha

Answer 2

：

<div class="g-recaptcha" data-sitekey="{{key}}" data-callback="enableBtn"></div> 

そして、あなたのコントローラでは、PUT：

var enableBtn = function(){ 
    $scope.captchaSigned = true; 
}; 
$scope.key = "xyz"; 
window.enableBtn = enableBtn; 

それがコントローラに機能を結合するように、これは動作するはずです。コントローラーで

Answer 3

：HTMLページで

window.wrongCaptchaResponse = true; 
window.recaptchaResponse = function(key) { 
    window.wrongCaptchaResponse = false; 
}; 

：

<button type="submit" ng-disabled="loginForm.$invalid || wrongCaptchaResponse">Login</button> 

Answer 4

あなたの角度コントローラにreCAPTCHAのを初期化することができます。例えば。

コントローラ内にこれをボタンに追加するページの読み込みに必要な場合は、クリックするか初期化するかタイムアウトしてください。 ：

function showRecaptcha(){ 
 
\t if(typeof grecaptcha !='undefined'){ 
 
\t \t grecaptcha.render('register-recaptcha', { 
 
\t   'sitekey' : 'your_site_key', 
 
\t   'callback' : recaptchaCallback, 
 
\t   }); 
 
\t } 
 
} 
 

 
function recaptchaCallback(resp){ 
 
\t console.log(11,resp); 
 
}

<div id="register-recaptcha"></div>