Javascript 错误:[$injector:moduler]http://errors.angularjs.org
这是我的Index.html代码Javascript 错误:[$injector:moduler]http://errors.angularjs.org,javascript,angularjs,Javascript,Angularjs,这是我的Index.html代码 <!DOCTYPE html> <html ng-app="demo"> <head> <title></title> <script src="scripts/angular.min.js"></script> <script src="scripts/angular-route.min.js"
<!DOCTYPE html>
<html ng-app="demo">
<head>
<title></title>
<script src="scripts/angular.min.js"></script>
<script src="scripts/angular-route.min.js"></script>
<script src="scripts/CustomAngularJavaScript.js"></script>
<link href="StyleSheet1.css" rel="stylesheet" />
<base href="/">
</head>
<body>
<table>
<tr><td colspan="2" class="header">
<h1>Web Portal</h1>
</td></tr>
<tr><td class="leftmenu">
<a href="Home">Home</a>
<a href="Courses">Courses</a>
<a href="Students">Student</a>
</td>
<td class="mainContent"><ng-view></ng-view></td>
</tr>
<tr>
<td colspan="2" class="footer"><b>Copyright</b></td>
</tr>
</table>
</body>
</html>
门户网站
版权
第二个js代码
/// <reference path="angular.min.js" />
var angualarModule = angular.module("demo", ["ngRoute"]);
angualarModule.config(["$routeProvider","$locationprovider",function ($routeProvider,$locationprovider) {
$routeProvider.
when('/Home', {
templateUrl: 'Templates/Home.html',
controller: 'HomeController'
}).
when('/Courses', {
templateUrl: 'Templates/Courses.html',
controller: 'CourseController'
}).
when('/Students', {
templateUrl: 'Templates/Students.html',
controller: 'StudentsController'
})
$locationprovider.html5mode(true);
}])
angualarModule.controller("HomeController", function ($scope) {
$scope.message = "Home Page" ;
})
angualarModule.controller("CourseController", function ($scope) {
$scope.courses = ["C Sharp","Angular","MVC"] ;
})
angualarModule.controller("StudentsController", function ($scope) {
$http.post('Service.asmx/getUser').then(function (res) {
$scope.students = res.data;
});
})
//
var angularmodule=angularm.module(“demo”[“ngRoute”]);
AnguAlarmModule.config([“$routeProvider”,“$locationprovider”,函数($routeProvider,$locationprovider){
$routeProvider。
当(“/Home”{
templateUrl:'Templates/Home.html',
控制器:“HomeController”
}).
当('/Courses',{
templateUrl:'Templates/Courses.html',
控制器:“CourseController”
}).
当(“/学生”{
templateUrl:'Templates/Students.html',
控制器:“学生控制器”
})
$locationprovider.html5mode(true);
}])
AnguAlarmModule.controller(“HomeController”,函数($scope){
$scope.message=“主页”;
})
AnguAlarmModule.controller(“CourseController”,函数($scope){
$scope.courses=[“C夏普”、“角度”、“MVC”];
})
AnguAlarmModule.controller(“学生控制器”,函数($scope){
$http.post('Service.asmx/getUser')。然后(函数(res){
$scope.students=res.data;
});
})
抛出错误“angular.min.js:6未捕获错误:[$injector:modulerr]$injector/modulerr?p0=demo&p1=error%3A%20…0g%20(http%3A%2F%2localhost%3A61022%2Fscripts%2fallar.min.js%3A39%3A319)”
谁能告诉我我做错了什么,
仅当我在角度模块中添加“$locationprovider”时才会显示错误,因为它是
$locationprovider
(大写):)
对于缩小,您需要像这样注入您的提供者
angualarModule.controller("HomeController", ['$scope',function ($scope) {
$scope.message = "Home Page" ;
}]);
请尝试
$locationProvider
。看起来这是拼写问题。你错发了,是$locationProvider
$locationProvider以下是我为解决此问题而采取的步骤,
var angualarModule = angular.module("demo", ["ngRoute"]);
angualarModule.config(["$routeProvider","$locationProvider",function ($routeProvider,$locationProvider) {
$routeProvider.
when('/Home', {
templateUrl: 'Templates/Home.html',
controller: 'HomeController'
}).
when('/Courses', {
templateUrl: 'Templates/Courses.html',
controller: 'CourseController'
}).
when('/Students', {
templateUrl: 'Templates/Students.html',
controller: 'StudentsController'
})
$locationProvider.html5mode(true);
}])
angualarModule.controller("HomeController", function ($scope) {
$scope.message = "Home Page" ;
})
angualarModule.controller("CourseController", function ($scope) {
$scope.courses = ["C Sharp","Angular","MVC"] ;
})
angualarModule.controller("StudentsController", function ($scope) {
$http.post('Service.asmx/getUser').then(function (res) {
$scope.students = res.data;
});
})
1.js文件引用的顺序已更改,2.变量的空值如果您修改代码,请在问题中修改它,以及我所做的更改,但仍然面临相同的错误…请提供帮助