如何使用Iron Router对URL哈希更改做出反应？

Question

如何仅通过Iron Router对URL的哈希更改做出反应？

为了控制页面渲染，我已经在自定义路由控制器中重新实现了action方法，但是如果仅URL的哈希值发生更改（例如，由于用户单击带有href="#about" ）。 我的控制器的相关部分如下所示：

@UserController = RouteController.extend({
  action: ->
    tabName = @params.hash
    @state.set("activeTab", tabName)
    @render("user")
})

因此，基本上，每当URL哈希值发生变化时，我都需要使用action方法来进行调用。

Answer 1

哈希值更改时可以重新运行路由处理程序，默认情况下不会发生。 为了实现这一点，请在控制器上调用getParams()而不是仅访问params ：

@UserController = RouteController.extend({
  action: ->
    tabName = @getParams().hash
    @state.set("activeTab", tabName)
    @render("user")
})

getParams是一个依赖于哈希的响应式计算，因此，由于控制器的action方法本身是响应式的，因此在哈希更改时将重新运行。

Answer 2

afaik iron-router将不会对哈希更改做出反应。 两个建议：

1. 使用window.addEventListener()捕获哈希值更改
2. 在标签本身上实施事件

选项（1）的优点是，如果有人共享一个链接，它将起作用。

window.addEventListener("hashchange",function({
  console.log(document.location);
});