Angular中的RouteProvider无法正常工作

时间:2016-06-22 19:26:36

标签: angularjs

我无法在不更改网页的情况下使用我的角应用程序进行路由。我试图让页面更改而不刷新并出现在ng-view中,而是控制台抛出错误。请参阅pastebin了解错误http://pastebin.com/kTYwviSv

app.js

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

.config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider){
$routeProvider
.when('/page1.html', {
templateUrl: 'page1.html'

})
.when('/page2.html', {
templateUrl: 'page2.html'

});
$locationProvider.html5Mode({enabled:true, requireBase:false});

}]);

的index.html

<!DOCTYPE html>
<head>
<title>Testing Angular On My Own</title>
</head>
<body ng-app="myApp">
{{"Hello"}}
<br>
<br>

<a ng-href="page1.html">Page 1</a>
<a ng-href="page2.html">Page 2</a>
<div ng-view></div>
<script src="bower_components/bower-angularjs/angular.js"></script>
<script src="bower_components/angular-route/angular-route.js"></script>
<script src="app.js"></script>
</body>
</html>

page1.html

这是第1页

page2.html

这是第2页

0 个答案:

没有答案