controller - 如何在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 ，该成员会在选择项目时设置。