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

前端之家收集整理的这篇文章主要介绍了从AngularJS网址中删除片段标识符(#符号)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以从angular.js网址中删除#符号?

我仍然想要能够使用浏览器的后退按钮等,当我更改视图,并将更新的URL与params,但我不想要的#符号。

教程routprovider声明如下

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'});
}]);

我可以编辑这个具有相同的功能没有#?

是的,您应该配置 $locationProvider并将 html5Mode设置为true:
angular.module('phonecat','$locationProvider',function($routeProvider,$locationProvider) {

    $routeProvider.
      when('/phones',controller: PhoneListCtrl}).
      when('/phones/:phoneId',controller: PhoneDetailCtrl}).
      otherwise({redirectTo: '/phones'});

    $locationProvider.html5Mode(true);

  }]);

猜你在找的Angularjs相关文章