内<script>标签

调用AngularJS我有这样的指令：内<script>标签

function Recaptcha(RecaptchaService) { 
    return { 
     restrict: 'E', 
     templateUrl: 'app/components/login/recaptcha.html', 
     controller: function($scope) { 
      $scope.sendResp = function(response) { 
       RecaptchaService.sendResponse(response); 
      }; 
     } 
    } 
}

随着模板登录/验证码：

<script src='https://www.google.com/recaptcha/api.js'></script> 

<script type="text/javascript"> 
    var verifyCallback = function(response) { 
     $scope.sendResp(response); 
    }; 
</script> 

<div class="g-recaptcha" data-sitekey="MY-KEY" data-callback="verifyCallback"></div>

所以，我想打电话给我$scope.sendResp里面<script>。但我得到$scope is not defined。有没有办法做到这一点？

来源

2015-03-03 Matheus Lima

添加'verifyCallback'到控制器，并通过在裁判'$ scope'？ http://stackoverflow.com/questions/16881478/how-to-call-a-method-defined-in-an-angularjs-directive – Pogrindis 2015-03-03 13:49:36

doens't工作，已经试过 – 2015-03-03 14:07:45

你的意思是$ scope.verifyCallback指令里面，并在数据回调中调用它，对吧？ @Pogrindis – 2015-03-03 14:08:21

试试这个..
（这仅适用时，验证码的div里面是NG-APP）

<script type="text/javascript"> 
    var verifyCallback = function(response) { 
     var el = document.querySelector('.g-recaptcha'), 
      $el = angular.element(el), 
      $scope = $el.scope(); 

      $scope && $scope.sendResp(response); 
    }; 
</script>

来源

2015-03-03 15:12:55

回答

相关问题