Meteor中的活动路线导航栏突出显示

Question

我正在尝试突出显示活动的导航栏项目，如下所示在Medium.com上。我添加了zimme：iron-router-active包，但我仍未达到预期的效果。在按下项目时，最简单的方法是完成粗体突出显示和底部的条形图？

这是我到目前为止所做的：

 <div class="navSecondary">
        <div class="menu" align="center">
            <ul class="menu-items">
                <li class="{{ isActiveRoute home }}"><a href="{{pathFor 'home'}}"> HOME </a></li>
            </ul>
        </div>
 </div>

有更好的方法吗？

Answer 1

<nav>
  <ul>
    <li class="{{isActiveRoute regex='home'}}"><a href="{{pathFor 'home'}}"> HOME </a></li>
  </ul>
</nav>