首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >AngularJS+reCaptcha:错误"reCaptcha尚未加载“

AngularJS+reCaptcha:错误"reCaptcha尚未加载“
EN

Stack Overflow用户
提问于 2016-03-16 23:31:28
回答 1查看 2.5K关注 0票数 1

当我使用谷歌的Error: reCaptcha has not been loaded yet.软件包时,我得到了angular-recaptcha

index.html如下所示,它可以很好地显示recaptcha和一个按钮来调用控制器中的login函数。而且recaptcha也很好。

代码语言:javascript
运行
复制
<div vc-recaptcha class="g-recaptcha" data-sitekey="key"></div>
<div ng-click="lc.login()">submit</div>

app.js

代码语言:javascript
运行
复制
(function () {
    'use strict';
    angular
        .module('loginService', [
            'vcRecaptcha'
        ]);
})();

controller如下所示,错误来自这里。看来我没有正确地注入recaptcha模块。

代码语言:javascript
运行
复制
(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包。有人能帮忙吗?

EN

回答 1

Stack Overflow用户

发布于 2016-03-16 23:51:28

您是否以下列方式加载了该库?

代码语言:javascript
运行
复制
<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>

请看一下示例和文档:

loginService添加到loginService.login.controllers

代码语言:javascript
运行
复制
angular.module('loginService.login.controllers', ["loginService"])
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36048960

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档