Angularjs从纯JS功能

Question

调用$ scope.function我想实现一个谷歌recapcha， 我能够验证用户是人类与它的帮助下，

的reCapcha代码调用名为回调函数“ verifyCallback'在我的代码中， 此外，我想调用写在我的控制器范围内的AngularJS函数。

这里是我的代码至今 -

主HTML，我included-

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

的Html部分 -

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控制器 -

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> 

对于上述情况下，使用下面的代码：

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