在angular.js上使用HTML5推状态
在angular.js上使用HTML5推状态
提问于 2012-06-19 13:56:46
我正在尝试实现HTML5的推状态，而不是Angularjs使用的#导航。我试过在谷歌上搜索答案，也试过angular irc聊天室，但还没有成功。
这是我的controllers.js
function PhoneListCtrl($scope, $http) {
$http.get('phones/phones.json').success(function(data) {
$scope.phones = data;
});
}
function PhoneDetailCtrl($scope, $routeParams) {
$scope.phoneId = $routeParams.phoneId;
}
function greetCntr($scope, $window) {
$scope.greet = function() {
$("#modal").slideDown();
}
}app.js
angular.module('phoneapp', []).
config(['$routeProvider', function($routeProvider){
$routeProvider.
when('/phones', {
templateUrl: 'partials/phone-list.html',
controller: PhoneListCtrl
}).
when('/phones/:phoneId', {
templateUrl: 'partials/phone-detail.html',
controller: PhoneDetailCtrl
}).
otherwise({
redirectTo: '/phones'
});
}])回答 1
Stack Overflow用户
回答已采纳
发布于 2012-06-19 19:58:53
将$locationProvider注入您的配置中，并设置$locationProvider.html5Mode(true)。
http://docs.angularjs.org/api/ng.$locationProvider
简单的例子：
JS：
myApp.config(function($routeProvider, $locationProvider) {
$locationProvider.html5Mode(true);
$routeProvider
.when('/page1', { template: 'page1.html', controller: 'Page1Ctrl' })
.when('/page2', { template: 'page2.html', controller: 'Page2Ctrl' })
});HTML：
<a href="/page1">Page 1</a> | <a href="/page2">Page 2</a>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11095179
复制相关文章
相似问题