从AngularJS URL中删除片段标识符(#符号)

Question

从AngularJS URL中删除片段标识符(#符号)是否可以从angular.js URL中删除#符号？当我更改视图并使用Params更新URL时，我仍然希望能够使用浏览器的Back按钮等，但我不想要#符号。教程routeProvider声明如下：angular.module('phonecat', []).   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并设定html5Mode到true:

angular.module('phonecat', []).
  config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {

    $routeProvider.
      when('/phones', {templateUrl: 'partials/phone-list.html',   controller: PhoneListCtrl}).
      when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
      otherwise({redirectTo: '/phones'});

    $locationProvider.html5Mode(true);

  }]);

Answer 2

确保检查HTML 5历史API的浏览器支持：

  if(window.history && window.history.pushState){
    $locationProvider.html5Mode(true);
  }