如何在batmanjs中實現導航菜單

Question

我想要建立一個導航菜單，當前的導航項根據當前的控制器動作被突出顯示;但我找不到任何告訴我該怎麼做！ 如何定義我的導航結構並將其映射到我的控制器？以及如何識別當前的導航項目？ 在Shopfiy中，我注意到他們使用數據部分視圖綁定，它將選定的類分配給當前的導航項目，他們是如何做到的？

謝謝。

Answer 1

解決方案可以使用data-addclass binding和equals view filter一起使用。數據的foreach項循環內

您的導航項目將是這個樣子：

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

在你的控制器，你應該有當過一個項目被選中其中被集成員將selectedItem。