是否可以使用状态提供程序从 url 中删除“#”

Question

在 github 上找到了这个 plunker http://plnkr.co/edit/SDOcGS?p=preview，它显示了 State Provider 的基本工作，它有 Route 1 和 Route 2，分别显示两个视图 ViewA 和 ViewB。我正在尝试从 Route 1 和 Route 2 的 url 中删除“#”。尝试使用位置提供程序来启用 html 5 模式（$locationProvider.html5Mode(true)），但没有奏效。是否可以。提前致谢。

Answer 1

$locationProvider.html5Mode(true) 正是您所需要的。只需确保您将 $locationProvider 传递到您的应用配置中，就像您为 $stateProvider 所做的那样：

myapp.config(function($stateProvider, $locationProvider)

http://plnkr.co/edit/VF3fqnXgVKbo6cJA7xa9?p=preview

如果您想检查浏览器对 html5 历史 API 的支持：

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