Angular UI-Router - 如何解析哈希参数？

Question

如何获取网址中“#”号后的值？

我正在使用 Facebook 手动构建登录流程，它会将我重定向到如下所示的网址：

http://example.com/redirect#access_token=1234567890&expires_in=12345

我在 UI Router 中的路由如下所示：

  .state('redirect', {
    url     : '/redirect?token',
    templateUrl : '/html/redirect.html'
  })

现在我可以调用$location.hash() 并获取一个字符串来解析为值。但是这种方法感觉很hacky。我错过了什么吗？有没有更好的方法从这个 URL 中获取哈希参数？

编辑： 需要明确的是，Facebook 正在将“#”添加到网址中。我不知道他们为什么不只是使用“？”因为获取查询参数很简单。

Answer 1

使用这个配置，这将把这个参数暴露给 $stateParams（如果它们被设置的话）。如果 $location.search() 本身受 ui-router 支持，则不要使用它。

/redirect?token&expires_in

然后内部状态（可以内部解析）

.state('facebookCallback',{
  controller : 'ctrl',
  resolve :
   url : function($location) {
    return $location.url().replace("#","?")
   }
  }
 });