在angularjs的路由中使用HTML5模式,结果无法加载模版(templateUrl没有发送http请求),而且URL中还出现的转义。但使用标签模式时一切OK,求大佬告知?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<base href="/" >
<title>Title</title>
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script>
angular.module('myApp',['ngRoute'])
.config(['$routeProvider','$locationProvider',function($routeProvider,$locationProvider){
$locationProvider.html5Mode(true);
$routeProvider
.when('/first',{
controller:'firstCtrl',
templateUrl:'1.html'
})
.when('/second',{
controller:'secondCtrl',
templateUrl:'2.html'
})
.otherwise({
redirectTo:'/first'
});
}])
.controller('myController',function($scope,$http,$window){
})
.controller('firstCtrl',function($scope,$http){
})
.controller('secondCtrl',function($scope,$http){
});
</script>
</head>
<body ng-app="myApp" ng-controller="myController">
<p>
<a href="#/first">first</a>
<a href="#/second">second</a>
</p>
<p ng-view></p>
</body>
</html>
Directory structure
Template 1 - templates/1.html
Template 2 - templates/1.html
In addition, it is recommended to use ui-router
Reference materials
Angularjs html5mode mode routing
The # number in the URL removed by angular routing