我刚刚开始尝试将ngRoute集成到正在构建的应用程序中，但是在使ngRoute正常工作时遇到了麻烦。
我创建了一个简单的应用程序来描述我的尝试。
index.html：
<!DOCTYPE html>
<html ng-app="tester">
<head>
<meta charset="utf-8" />
<title>ngRoute Test</title>
<script>document.write('<base href="' + document.location + '" />');</script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-rc.0/angular-route.js"></script>
<script src="app.js"></script>
</head>
<p>Here is a link to switch views:</p>
<a href="/tests">Test</a>
<div ng-view></div>
</html>
app.js
var app = angular.module('tester', ['ngRoute']).config(function($routeProvider) {
$routeProvider
.when('/tests', {
templateUrl: 'tests.html',
controller: 'TestCtrl'
});
});
app.controller('TestCtrl', ['$scope', function($scope){
$scope.title = "This is a Test Page";
}]);
tests.html
<p>{{ title }}</p>
这是显示我的尝试的plunkr：http://plnkr.co/edit/ntgV5xFTl46tBugEnCVe?p=preview。在这个问题上的任何帮助将不胜感激！
最佳答案
由于您没有启用Html5模式，因此需要像这样链接到视图：
<a href="#/tests">Test</a>
检查此柱塞：http://plnkr.co/edit/Pn4rzbFSxcjyfeojJyF1?p=preview
关于javascript - ngRoute无法加载$ routeProvider定义的 View ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25735558/