javascript - 错误: [$injector:modulerr] http://errors.

标签 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"></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;
});     


})

抛出错误“angular.min.js:6Uncaught错误:[$injector:modulerr] http://errors.angularjs.org/1.5.8/ $injector/modulerr?p0=demo&p1=Error%3A%20…0g%20(http%3A% 2F%2Flocalhost%3A61022%2Fscripts%2Fangular.min.js%3A39%3A319)"

谁能告诉我我做错了什么, 仅当我在 Angular 模块中添加“$locationprovider”时才会显示错误

最佳答案

因为它是$locationProvider(大写):)

为了缩小,您需要像这样注入(inject)您的提供程序

angualarModule.controller("HomeController", ['$scope',function ($scope) {
    $scope.message = "Home Page" ;    

}]);

关于javascript - 错误: [$injector:modulerr] http://errors.,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39875213/

相关文章:

javascript - 访问作为对象属性的 jQuery 元素引用

javascript - JSON.parse 在带有数组的 for 循环内给出 SyntaxError

javascript - Javascript 的测试框架

javascript - 从 javascript 函数调用指令中定义的 Controller 中的方法

javascript - 我有一个 TextInput,如何仅启用小于 9999.99 的数字?

JavaScript AJAX 传递多个变量的困惑

javascript - Moqui AJAX 调用问题

javascript - 在 Angular Directive 参数中使用 HTML

javascript - angularjs 子指令 DOM 加载速度不够快

javascript - Angularjs 与 Internet Explorer 11,安全问题