Meteor:点击更改链接类别

模板:

header.js

Template.header.events({
    'click a': function(e) {
        e.preventDefault();
        this.active?"active":"";
    }
});

我只是想设置点击链接的类active.点击链接类应该是这样的class="blog-nav-item active".

下面的示例依赖于iron-router并提出了一种用于添加active类的反应方法

首先应将模板修改为:

Home

然后适当的帮助应该是:

Template.name.helpers({
    active: function(routeName) {
        var curRoute = Router.current().route;
        return curRoute.name === routeName ? 'active' : '';
    }
});

编辑v1.0 +

从铁路由器1.0开始,现在可以访问路径的名称
route.getName() (以前是route.name).

特别是,你需要写回报
curRoute.getName() === routeName ? 'active' : '';

谢谢@jrbedard的通知

我想这将是你想要的"流星方式":

Router.onBeforeAction(function(){
    Session.set('currentRouteName', Router.current().route.name)
})

Template.menu.helpers({
    isCurrentPage: function(pageName){
        return Session.equals('currentRouteName', pageName)
    }
})

Template.menu.helpers({
    isCurrentPage: function(pageName){
        return Router.current().route.name == pageName
    }
})