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

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

添加包zimme:iron-router-active

使用方法如下：

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

例如

<li class="{{isActiveRoute regex='dashboard'}}">
                        <a href="{{pathFor route='dashboard'}}"><i class="fa fa-th-large"></i> <span
                                class="nav-label">Dashboard</span> </a>
                    </li>

因此，只要Route处于活动状态，Link就会处于活动状态。