Question

我尝试在不刷新页面的情况下更改模板。我不确定代码有什么问题，因为在我点击第1页或第2页之前控制台是空白的然后我在控制台中收到此错误。 http://pastebin.com/J3Y5NauN 它应该只在div ng-view中查看模板而不刷新。 app.js，index.html，page1.html和page2.html也在同一目录中。有什么想法吗？

的index.html

<!DOCTYPE html>
<head>
<title>Angular Test</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>

app.js

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

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


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

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

}]);

page1.html

这是第1页

page2.html

这是第2页

RouteProvider不在ng-view中更改模板

0 个答案: