AngularJS nennen scope.function $ von einfachen JS Funktion

Question

Ich versuche, eine Google recapcha zu implementieren, ich in der Lage bin, um zu überprüfen Benutzer mit Hilfe der es menschlich ist,

Der reCapcha Code Callback Funktion mit dem Namen ruft " verifyCallback'in meinem Code, Weiter möchte ich eine AngularJS-Funktion aufrufen, die in meinen Controller-Bereich geschrieben wurde.

Hier sind meine Codes so weit -

Haupt Html, ich habe inbegriffen-

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

Html Teil -

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> 

Für obiges Szenario Verwendung folgenden Code:

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

Also, Ihre Methode wird wie folgt aussehen:

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