如何在当前菜单项页面上添加活动类？

Question

在我的Meteor应用程序中，我需要在页面处于活动状态时将类添加到导航项目 我怎么能这样做？

Answer 1

Template.header.helpers({
  getActiveClass: function(routeName) {
    var active = Router.current() && Router.current().route.getName() === routeName;

    return active && 'active';
  }
});

<li class="{{getActiveClass 'home'}}">
  <a href="#">Home</a>
</li>

注意，如果要使元素对多个路径有效，则必须稍微修改一下getActiveClass助手。

Answer 2

添加包compile 'com.squareup.retrofit:converter-gson:2.0.0-beta2'

使用如下：

zimme:iron-router-active

例如

class="{{isActiveRoute regex='<route>'}}"

因此，只要路线处于活动状态，链接就会处于活动状态。