Using HTML5 pushstate on angular.js

Question

I am trying to implement html5\'s pushstate instead of the # navigation used by Angularjs. I have tried searching google for an answer and also tried the angular irc chat ro

Answer 1

Inject $locationProvider into your config, and set $locationProvider.html5Mode(true).

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

Simple example:

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:

Page 1 | Page 2