angular.js पर HTML5 pushstate का उपयोग

Question

मैं Angularjs द्वारा उपयोग की गई # नेविगेशन के बजाय html5 के पुशस्टेट को लागू करने का प्रयास कर रहा हूं। मैंने Google के उत्तर के लिए खोज करने की कोशिश की है और अभी तक कोई भाग्य के साथ कोणीय आईआरसी चैट रूम की कोशिश की है।

यह मेरा 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(); 
    } 
} 

अपने config में

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

इंजेक्षन $ locationProvider app.js, और $locationProvider.html5Mode(true) निर्धारित किया है।

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

सरल उदाहरण:

जे एस:

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>