Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript AngularJS路由给出未捕获错误的示例:[$injector:modulerr]_Javascript_Angularjs - Fatal编程技术网

Javascript AngularJS路由给出未捕获错误的示例:[$injector:modulerr]

Javascript AngularJS路由给出未捕获错误的示例:[$injector:modulerr],javascript,angularjs,Javascript,Angularjs,我是个新手。我使用的是Angular JS版本1.3.15 这是我为routes编写的代码。然而,我在谷歌浏览器中得到了以下例外- Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=app&p1=Error%3A%20…wala%2FDesktop%2FPersonal%2520Work%2FAngularJS%2Fangular.min.js%

我是个新手。我使用的是Angular JS版本1.3.15 这是我为routes编写的代码。然而,我在谷歌浏览器中得到了以下例外-

   Uncaught Error: [$injector:modulerr] http://errors.angularjs.org/1.3.15/$injector/modulerr?p0=app&p1=Error%3A%20…wala%2FDesktop%2FPersonal%2520Work%2FAngularJS%2Fangular.min.js%3A38%3A135
代码是-

<html ng-app="app">
<head>
<title>Sample Angular JS application - routes example</title>
<script src="angular.min.js" type="text/javascript">
</script>

<script>
 var app = angular.module('app',[]);

  app.config(function ($routeProvider) {
       $routeProvider
       .when('/', {
             controller : 'SimpleController',
             templateUrl : 'routes/view1.html'
          })
       .when('/view2', {
             controller : 'SimpleController',
             templateUrl : 'routes/view2.html'
          })
        .otherwise({
             redirectTo: '/'
          });
    });

     app.controller('SimpleController',['$scope',
         function ($scope) {
              $scope.customers = [
                 {name: 'Akshay Kumar' , city: 'Chandigarh'},
                 {name: 'Madhuri Dixit' , city: 'Mumbai'},
                 {name: 'Shah Rukh Khan' , city: 'Delhi'},
                 {name: 'Anil Kumble' , city: 'Bangalore'},
                 {name: 'Rishi Kanitkar' , city: 'Pune'},
                 {name: 'Dhanraj Pillai' , city: 'Pune'}
               ];

               $scope.addCustomer = function() {
               $scope.customers.push(
                {
                    name: $scope.newCustomer.name , 
                    city: $scope.newCustomer.city
                });
           }
        }]);
       </script>
     </head>

     <body> 
        <div>
        <!-- Placeholder for the views -->
        <div ng-view=""></div>
       </div>
     </body>
    </html>

示例Angular JS应用程序-路由示例
var-app=angular.module('app',[]);
app.config(函数($routeProvider){
$routeProvider
。当(“/”{
控制器:“SimpleController”,
templateUrl:'routes/view1.html'
})
.when(“/view2”{
控制器:“SimpleController”,
templateUrl:'routes/view2.html'
})
.否则({
重定向到:'/'
});
});
app.controller('SimpleController',['$scope',
职能($范围){
$scope.customers=[
{名称:'Akshay Kumar',城市:'Chandigarh'},
{名称:'Madhuri Dixit',城市:'Mumbai'},
{名称:'Shah Rukh Khan',城市:'德里'},
{名称:'Anil Kumble',城市:'Bangalore'},
{名称:'Rishi Kanitkar',城市:'Pune'},
{名称:'Dhanraj Pillai',城市:'Pune'}
];
$scope.addCustomer=函数(){
$scope.customers.push(
{
名称:$scope.newCustomer.name,
城市:$scope.newCustomer.city
});
}
}]);

如何解决此错误?

您在这里遗漏了几件事

  • 脚本引用
  • 您的应用程序声明中缺少
    ngRoute
  • 代码

    var app = angular.module('app',['ngRoute']);
    

    哎哟,看起来我们是同时到达的:-)这是怎么回事,如果有人,我不介意这样做,删除他们的答案?谢谢。通过进行这些更改,未捕获的错误消失了。但是现在它给了我这个错误——XMLHttpRequest无法加载file:///Users/agarwala/Desktop/Personal%20Work/AngularJS/routes/view1.html. 跨源请求仅支持协议方案:http、data、chrome、chrome extension、https、chrome extension resource。@munna要使其正常工作,您需要将代码托管在某些服务器上,如
    wamp
    /
    ISS