AngularjsコールプレインJS機能

Question

からの$ scope.function私はGoogleのrecapchaを実装しようとしています、 私は、ユーザーがそれの助けを借りて、人間であることを確認することができる午前、

reCapchaコード 'という名前のコールバック関数を呼び出しています私のコードでverifyCallbackを実行してください。 さらに、私のコントローラスコープに書かれたAngularJS関数を呼び出したいと思います。

ここに私のコードは、これまでのところです -

メインのHTML、私は部分的

<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> 

のHTMLをincluded-ました -

var onloadCallback = function() 
    { 
     grecaptcha.render('loginCapcha', { 
      'sitekey' : 'someKey', 
      'callback' : verifyCallback, 
      'theme':'dark' 

     }); 
    }; 

    var verifyCallback = function(response) 
    { 
     //I get a response if user is able to solve the Capcha challenge 
     console.log(response); 

     //I want to call the function called 'auth' written in my AngularJS controller 
     var scope = angular.element(document.getElementById('#loginCapcha')).scope(); 
     scope.auth(); 
    }; 

    <div id="loginCapcha"></div> 

AngularJSコントローラ -

上記のシナリオの場合

Answer 1

<div ng-controller='loginController' id='yourControllerElementID'> 

</div> 

、次のコードを使用：だから

var scope = angular.element(document.getElementById('yourControllerElementID')).scope(); 
scope.auth(); 

、あなたの方法は次のようになります。

var verifyCallback = function(response) 
    { 
     //I get a response if user is able to solve the Capcha challenge 
     console.log(response); 

     //I want to call the function called 'auth' written in my AngularJS controller 
     var scope = angular.element(document.getElementById('#yourControllerElementID')).scope(); 
     scope.auth(); 
    };