Angularjs chiamano $ scope.function dalla pianura funzione JS

Question

Sto cercando di implementare un recapcha google, sono in grado di verificare l'utente è umano con l'aiuto di esso,

Il codice reCapcha sta chiamando la funzione di callback di nome ' verifyCallback'in my code, Inoltre desidero chiamare una fucilazione AngularJS scritta nel mio scope controller.

Qui ci sono i miei codici finora -

principale Html, ho inclusi-

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

Html parziale -

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 Controller -

var _myApp = angular.module('homeApp',[]); 

_myApp.controller('loginController',['$scope', 
function($scope){ 

    $scope.auth = function() 
    { 
     console.log("Auth called"); 
    } 
}]); 

Answer 1

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

</div> 

Per scenario di cui sopra, l'uso seguente codice:

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

Così, il metodo sarà simile a questa:

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(); 
    };