java - Play Framework : How do I change active class on route change

Question

我在我的项目中使用 Play Framework 2 for Java 和 Bootstrap Helper，我想在边栏链接点击时应用 active 类。我使用侧面导航栏进行导航，默认情况下，一个链接在页面加载时始终具有 active 类，所以这就是为什么每次只有一个链接突出显示为 Activity 链接，但是如何更改class="active" 在路由或链接更改时，有什么方法可以检查路由路径是我们的 html scala 模板文件。

这是我的侧边栏导航代码。

<ul class="nav nav-list">
     <li class="active"><a href="/menu1">Menu1</a></li>
     <li><a href="/menu2">Menu2</a></li>
     <li><a href="/menu3">Menu3</a></li>
</ul>

这是我的路由文件

GET    /menu1          com.demo.project.controllers.DemoController.menu1()
GET    /menu2          com.demo.project.controllers.DemoController.menu2()
GET    /menu3          com.demo.project.controllers.DemoController.menu3()

请给我一些建议!

Answer 1

我终于找到了解决问题的方法，我也将我的解决方案分享给其他人。首先，我在我的 html scala 模板文件中创建了一个方法。

@activeLink(currentPath:String) = @{
if(request.path.equals(currentPath)) "active"
}

现在需要在 anchor 标签的 class 属性中调用上面的方法。

<ul class="nav nav-list">
 <li class="@activeLink("/menu1")"><a href="/menu1">Menu1</a></li>
 <li class="@activeLink("/menu2")"><a href="/menu2">Menu2</a></li>
 <li class="@activeLink("/menu3")"><a href="/menu3">Menu3</a></li>
</ul>

这是我的最终解决方案，如果有人有其他解决方案或采用不同的方法来实现相同的解决方案，那么也请分享这些解决方案。