如何在Meteor模板中检测路由器更改以启用浏览器后退行为？

Question

我创建了具有可配置限制的分页。 我正在从IronRouter获取页码。 当我手动输入具有不同页码的url时，该代码有效。 但是，当我使用带有浏览器后退按钮的back时，它确实更改了URL，并且我可以看到beforeaction和action已记录到console但不会触发模板更新/重新渲染。

铁路线定义如下：

@route "/posts/page/:pageNum",
    name: "posts.page"
    template: "posts"
    layoutTemplate: "default_layout"
    onBeforeAction: () ->
      console.log 'beforeaction', @params.pageNum, @
      @next()
    action: () ->
      console.log 'inside action', @, @state.get 'pageNum'
      @render()

模板onCreated代码：

Template.posts.onCreated ->
  limit = 10
  currPage = Router.current().state.get('pageNum') || 1

  self = @
  @itemsPerPage = new ReactiveVar limit
  @currPage = new ReactiveVar parseInt currPage, 10

  @autorun ->
    handle = self.subscribe "posts",
      limit: self.itemsPerPage.get()
      ,page: self.currPage.get()
    yes

导航代码可更新帖子，但使用浏览器后退按钮时不会更新：

'click .pager-page': (e,t) ->
  e.preventDefault()
  gotoPage = parseInt e.currentTarget.dataset.pagerPage, 10
  t.currPage.set gotoPage
  Router.go 'posts.page', pageNum: gotoPage

Answer 1

我在Route上使用state反应性变量解决了它

更新路线如下

onBeforeAction: () ->
  @state.set 'pageNum', @params.pageNum
  @next()
  yes

并在模板的autorun获取

@autorun ->
  handle = self.subscribe "posts",
    limit: self.itemsPerPage.get()
    ,page: +Router.current().state.get('pageNum')
  yes

Answer 2

尝试添加这样的行，例如dummy = Router.current()

在自动运行中，以便在URL更改时被触发。