如何在蝙蝠侠中实现导航菜单

Question

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

谢谢。

Answer 1

在可以使用数据添加类绑定和等于视图筛选器的解决方案上。

数据为项循环中的导航项如下所示：

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

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