AngularJS+；reCaptcha：错误“；“尚未加载reCaptcha”；

我发现

错误：reCaptcha尚未加载。

当使用谷歌的

angular reCaptcha

软件包时

index.html

如下所示，在控制器中显示recaptcha和调用

login

函数的按钮显示良好。recaptcha也很好用

<div vc-recaptcha class="g-recaptcha" data-sitekey="key"></div>
<div ng-click="lc.login()">submit</div>

控制器

如下所示，错误来自此处。看起来我没有正确地注入recaptcha模块

(function () {
    'use strict';
    angular
        .module('loginService.login.controllers')
        .controller('LoginController',
        ['$scope',
            'vcRecaptchaService',
            function ($scope, vcRecaptchaService) {
               var lc = this;
...
...
           function login() {
             if(vcRecaptchaService.getResponse() === "") // error is from here
 {...}

}]);

---

看起来我没有以正确的方式注入recaptcha包。有人可以帮忙吗？

您是否按以下方式加载了库

<script src="//www.google.com/recaptcha/api.js?render=explicit&onload=vcRecaptchaApiLoaded" async defer></script>
<script src="./angular-recaptcha.js"></script>
<script>
        var app = angular.module('loginService', ['vcRecaptcha']);
        // code
</script>

---

对于google库，我没有

？render=explicit&onload=vcRecaptchaApiLoaded“async defer

，因为它在我的页面中不起作用，我也不知道为什么。是的，我在提问之前已经阅读了上面的链接。我可以显示recaptcha小部件成功，它工作正常。问题是要得到它的响应。正如很多教程所说，我使用vcRecaptChasService.getResponse（），但它不起作用，这就是我问这个问题的原因。你是一直都这样，还是只是有时候才这样？

<script src="//www.google.com/recaptcha/api.js?render=explicit&onload=vcRecaptchaApiLoaded" async defer></script>
<script src="./angular-recaptcha.js"></script>
<script>
        var app = angular.module('loginService', ['vcRecaptcha']);
        // code
</script>

angular.module('loginService.login.controllers', ["loginService"])