我试图使用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提供错误的链接中,我无法看出代码有什么问题:
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;
});
}
};
}]);我希望有人能告诉我我的代码出了什么问题,因为我找不到它。
编辑替换
angular.module('myApp', [])使用
angular.module('myApp', ['ngResource'])加上
<script
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.7/angular-
resource.js"></script>这只是给出了一个不同的错误,我不知道是什么导致了这个错误,我希望有人能帮忙
这就是它给我的错误
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)发布于 2018-01-29 16:06:39
您需要获得模块(因为它是单独的):
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.8/angular-resource.js">(它可能需要匹配您的angular.js版本)
然后注射:
angular.module('myApp', ['ngResource'])发布于 2018-01-29 15:54:51
您需要在页面中包含资源模块。他的文件可以在AngularJS站点上下载,也可以通过CDN下载,它被称为角资源‘s。
https://stackoverflow.com/questions/48505008
复制相似问题