Jul*_*eau 2 routes angularjs route-provider
我刚刚在youtube上关注了有关角度的教程,但由于出现routeProvider问题,我无法执行代码.我试图包含angular-route.js的好链接,但它仍然不起作用......
我给你看了代码:
<!DOCTYPE html>
<html ng-app="demoApp">
<head>
<title>Tuto Angular</title>
</head>
<body>
<div>
<div ng-view=""></div>
</div>
<script src="angular.min.js" type="text/javascript"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular-route.js"></script>
<script type="text/javascript">
var demoApp = angular.module('demoApp', ['ng-route']);
demoApp.config(function ($routeProvider){
$routeProvider
.when('/',
{
controller: 'SimpleController',
templateUrl: 'Partials/View1.html'
})
.when('/view2',{
controller: 'SimpleController',
templateUrl: 'Partials/View2.html'
})
.otherwise({ redirectTo: '/' });
});
demoApp.controller('SimpleController', function ($scope){
$scope.customers = [
{name:'John Smith', city:'Phoenix'},
{name:'John Doe', city:'New York'},
{name:'Jane Doe', city:'Chicago'}
];
$scope.addCustomer = function (){
$scope.customers.push(
{
name: $scope.newCustomer.name,
city: $scope.newCustomer.city
});
};
});
</script>
</body>
当我查看控制台时,它返回给我:
未捕获的错误:[$ injector:modulerr]
如果您有任何想法,欢迎您!
更改:
var demoApp = angular.module('demoApp', ['ng-route']);
至
var demoApp = angular.module('demoApp', ['ngRoute']);