首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >angular.min.js:sourcemap:125错误:[$injector:unpr]

angular.min.js:sourcemap:125错误:[$injector:unpr]
EN

Stack Overflow用户
提问于 2018-01-29 15:45:56
回答 2查看 244关注 0票数 0

我试图使用restful使用AngularJS创建一个注册/登录页面,但是当我运行它时,我会得到以下错误:

angular.min.js:sourcemap:125错误:$injector:unpr

在向https://code.angularjs.org/1.6.7/docs/error/$injector/unpr?p0=$resourceProvider%20%3C-%20$resource%20%3C-%20AppLoginCtrl提供错误的链接中,我无法看出代码有什么问题:

代码语言:javascript
复制
angular.module('myApp', [])
    .controller('AppLoginCtrl', ["$resource", "$scope", function ($resource, $scope) {

            var apiBase = "/api";

            var RegisterUser = $resource(apiBase + "/createUser", {}, {save: {method: 'POST',
                    responseType: 'json'}});
            var Login = $resource(apiBase + "/login", {});

            $scope.Succes = "Welcome back. Go to next step to continue your reservation";
            $scope.acceptUser = false;

            //Register form
            $scope.username = "";
            $scope.firstname = "";
            $scope.lastname = "";
            $scope.password = "";
            $scope.email = "";

            //Login form
            $scope.usernameLogin = "";
            $scope.passwordLogin = "";

            $scope.login = function () {
                $scope.error = "";
                $("#loginForm .form-group").removeClass("has-error");
                var loginIsValid = true;
                var inputs = $("#loginForm .form-group input");
                for (var i = 0; i < inputs.length; i++) {
                    if (!inputs[i].validity.valid) {
                        loginIsValid = false;
                        $(inputs[i]).closest(".form-group").addClass("has-error");
                    }
                }
                if (loginIsValid) {
                    //$scope.isAuthenticated = true;
                    var login = new Login({});
                    login.username = $scope.usernameLogin;
                    login.password = $scope.passwordLogin;
                    login.$save(function (response) {
                        $scope.user.username = $scope.usernameLogin;
                        $scope.user.password = $scope.passwordLogin;
                        $scope.succes = "Welcome back. Go to next step to continue your reservation";
                        $scope.loginuser();

                    },
                            function () {
                                $scope.error = "Wrong username or password";
                            });
                }
            };

            $scope.register = function () {
                $scope.Error = "";
                $("#registerForm .form-group").removeClass("has-error");
                var registerIsValid = true;
                var inputs = $("#registerForm .form-group input");
                for (var i = 0; i < inputs.length; i++) {
                    if (!inputs[i].validity.valid) {
                        registerIsValid = false;
                        $(inputs[i]).closest(".form-group").addClass("has-


error");
                        }
                    }
                    if (registerIsValid) {
                        var rs = new RegisterUser({});
                        rs.userName = $scope.username;
                        rs.first = $scope.firstname;
                        rs.last = $scope.lastname;
                        rs.password = $scope.password;
                        rs.email = $scope.email;
                        rs.$save(function (response) {
                            if (response.userName) {
                                $scope.user.username = $scope.username;
                                $scope.user.password = $scope.password;
                                $scope.login();
                                $scope.succes = "User succesfully created.";
                            }
                            else {
                                $scope.error = "Error creating user.";
                            }
                        },
                                function (response) {
                                    $scope.error = response.data.error;
                                });
                    }

                };
     }]);

我希望有人能告诉我我的代码出了什么问题,因为我找不到它。

编辑替换

代码语言:javascript
复制
    angular.module('myApp', [])

使用

代码语言:javascript
复制
    angular.module('myApp', ['ngResource'])

加上

代码语言:javascript
复制
    <script 
    src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular-
     resource.js"></script>

这只是给出了一个不同的错误,我不知道是什么导致了这个错误,我希望有人能帮忙

这就是它给我的错误

代码语言:javascript
复制
angular-resource.js:8 Uncaught TypeError: Cannot read property '$$minErr' of 
   undefined
    at angular-resource.js:8
    at angular-resource.js:857
  angular.min.js:7 Uncaught Error: [$injector:modulerr]
    at angular.min.js:7
    at angular.min.js:43
    at p (angular.min.js:8)
    at g (angular.min.js:42)
    at hb (angular.min.js:46)
    at c (angular.min.js:22)
    at Uc (angular.min.js:22)
    at we (angular.min.js:21)
    at angular.min.js:335
    at HTMLDocument.b (angular.min.js:38)
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-01-29 16:06:39

您需要获得模块(因为它是单独的):

代码语言:javascript
复制
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.8/angular-resource.js">

(它可能需要匹配您的angular.js版本)

然后注射:

代码语言:javascript
复制
angular.module('myApp', ['ngResource'])
票数 0
EN

Stack Overflow用户

发布于 2018-01-29 15:54:51

您需要在页面中包含资源模块。他的文件可以在AngularJS站点上下载,也可以通过CDN下载,它被称为角资源‘s。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48505008

复制
相关文章

相似问题

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