如何在batmanjs中实现导航菜单

Posted 2023-04-13

【中文标题】如何在batmanjs中实现导航菜单

【英文标题】：How to implement navigation menu in batmanjs

【发布时间】：2012-12-03 16:09:05

【问题描述】：

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

谢谢。

【参考方案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 ，它会在选择项目时设置。