在我的角度页面中我使用的是$locationProvider
。但它在我的网页上不起作用。我的控制台出现这样的错误,HTML5 模式下的 $location 需要存在标签!。所以我添加一个<base href="/" />
,这在我的角度页面中也不起作用。在这里我提到了我的目录结构和我的代码。
Here my 示例项目链接 https://www.dropbox.com/s/dk0bwuanc86xp7t/SampleApp.zip?dl=0到。帮我解决这个问题。
我的目录结构
iwa (root directory)
> js
> lib
-> angular.js
-> angular.route.js
-> app.js
> views
-> home.html
-> about.html
-> index.html
索引.html
<!DOCTYPE html>
<html ng-app="inQueueWeb">
<head lang="en">
<meta charset="UTF-8">
<script src="js/lib/angular.js"></script>
<script src="js/lib/angular-route.js"></script>
</head>
<body>
<div ng-view></div>
</body>
<script src="js/app.js"></script>
</html>
app.js
var iwa = angular.module('inQueueWeb', ['ngRoute']);
iwa.config(['$routeProvider','$locationProvider', function($routeProvider,$locationProvider) {
$routeProvider
.when("/", {templateUrl: 'views/home.html'})
.when("/rest", {templateUrl: 'views/about.html'});
$locationProvider.html5Mode(true);
}]);
我也尝试过这些
$locationProvider.html5Mode({enable: true, requireBase: false});
$locationProvider.html5Mode(true).hashPrefix('!');