把手帮手的流星渲染

Question

在Meteor中，我有一个带有自定义车把方法的导航栏，该方法确定选项卡是否处于活动状态。

JS：

Handlebars.registerHelper('getClass',function(a){
    url = document.URL.split("/"); //e.g. http://test.com/something, so 3rd value will have link thing
    url = "/" + url[3];
    val = Router.path(a);
    return url == val ? "active" : "";
});

HTML片段：

  <li class="{{getClass 'homepage'}}"><a href="{{pathFor 'homepage'}}">Home</a></li>
  <li class="{{getClass 'content'}}"><a href="{{pathFor 'content'}}">Content</a></li>
  <li class="{{getClass 'items'}}"><a href="{{pathFor 'items'}}">Items</a></li>

如果我打开一个全新的选项卡，导航到类似http://localhost:3000/content这将在导航块上设置适当的active类。 但是，如果我仅单击一个新选项卡，它将不会更新active类。 例如，从主页到content页面。 但是，如果我单击items选项卡，然后单击另一个选项卡，它将更新，但只会更新一次。 因此，如果我转到项目标签，则items将具有活动的班级，而我单击的下一个班级将获得它，并将其从items删除。 不幸的是，这只能运行一次。 我认为这是因为items具有数据库中的内容，但是我不确定。 无论如何，如果可能的话，我需要一种重新渲染车把帮手的方法。

我尝试使用以下JS无效：

Content = {};
Content._dep = new Deps.Dependency;

Template.header.events({
  'click a': function () {
      console.log('abc');
    Content._dep.changed();
  }  
})

是否有人无需重新加载页面即可重新渲染车把？

谢谢。

Answer 1

我刚刚修好了。 基本上，我添加了一个具有随机数的会话，并在点击后对其进行了更新。 看来已经成功了。

更新的代码：

Handlebars.registerHelper('getClass',function(a){
    url = document.URL.split("/"); //e.g. http://test.com/something, so 3rd value will have link thing
    url = "/" + url[3];
    val = Router.path(a);
    if(Session.get('r'))
        void(0);
    return url == val ? "active" : "";
});


Template.header.events({
  'click a': function () {
      Session.set('r', Math.random() + "");
  }  
})