如何在batmanjs中实现导航菜单

Question

我正在尝试构建一个导航菜单，根据当前控制器操作突出显示当前导航项；但我找不到任何东西告诉我该怎么做！ 如何定义我的导航结构并映射到我的控制器？以及如何识别当前的导航项？ 在 Shopfiy 我注意到他们使用数据部分视图绑定，它将选定的类分配给当前导航项，他们是如何做到的？

谢谢。

Answer 1

关于可以将data-addclass binding 与equals view filter 一起使用的解决方案。

data-foreach-item 循环中的导航项如下所示：

<div
  class="navigation-item"
  data-route="routes.navigation[item]"
  data-addclass-selected="item | equals controllers.navigation.selectedItem">
</div>

在您的控制器中，您应该有成员 selectedItem ，它会在选择项目时设置。