index.html 看起来像：
<!DOCTYPE html>
<html lang="en" ng-app="HomeApp">
<head>
<link rel="stylesheet" href="css/general_style.css">
<script src="js/angular_core/angular.min.v.1.2.16.js"></script>
<script src="js/angular_core/angular-resource.min.v.1.2.16.js"></script>
<script src="js/angular_core/angular-route.min.v.1.2.16.js"></script>
<script src="js/home_apps.js"></script>
<script src="js/home_controllers.js"></script>
<script src="js/home_services.js"></script>
<title>AngularJS Routing example</title>
</head>
<body>
<div>
<ul>
<li><a href="#contactus"> contact</a></li>
<li><a href="#login"> login </a></li>
<li><a href="#home"> home </a></li>
</ul>
</div>
<div ng-view></div>
</body>
</html>
home_apps.js 看起来像：
var MyHomeApp = angular.module('HomeApp', [
'ngRoute',
'HomeControllers'
]);
MyHomeApp.config(['$routeProvider',
function($routeProvider) {
$routeProvider.
when('/login', {
templateUrl: 'partials/login.html'
}).
when('/contactus', {
templateUrl: 'partials/contactus.html'
}).
when('/home', {
templateUrl: 'partials/home.html',
controller: 'WGHomeLanCtrl'
}).
otherwise({
redirectTo: 'partials/home.html',
controller: 'WGHomeLanCtrl'
});
}]);
最后，在/partials文件夹下有3个html文件：
登录.html：
<div>
<p class="right_margin">
<h1><a href="index.html">log in...</a></h1>
</p>
</div>
联系我们.html：
<div>
<p class="right_margin">
<h1>Contactus</h1>
</p>
</div>
主页.html：
<div>
<p class="right_margin">
<h1>home</h1>
</p>
</div>
在现实世界中，当我从 Firefox 打开 index.html 时，网址类似于：
{文件路径}/index.html#/联系我们
但是，不显示 contactus.html 中的内容 - ng-view 在这种情况下不起作用。
我觉得这将是一个隐藏错误的棘手地方，因为我花了很多时间在这上面。任何调试将不胜感激！
