Sử dụng HTML5 pushstate trên angular.js

Question

Tôi đang cố triển khai pushstate của html5 thay vì # navigation được Angularjs sử dụng. Tôi đã thử tìm kiếm google cho một câu trả lời và cũng đã cố gắng phòng chat irc góc cạnh không có may mắn được nêu ra.

Đây là tôi 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' 
      }); 
    }]) 

Answer 1

Tiêm $ locationProvider vào cấu hình của bạn, và thiết lập $locationProvider.html5Mode(true).

http://docs.angularjs.org/api/ng.$locationProvider

đơn giản ví dụ:

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>