Javascript AngularJS路由给出未捕获错误的示例:[$injector:modulerr]
我是个新手。我使用的是Angular JS版本1.3.15 这是我为routes编写的代码。然而,我在谷歌浏览器中得到了以下例外-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%
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