使用 Assemble 进行导航答案

【问题标题】：Navigation using Assemble使用 Assemble 进行导航
【发布时间】：2014-09-16 19:13:53
【问题描述】：

第一部分

我在我的车把文件中为标题创建了一个“静态”导航（header.hbs - 如下）。我想使用把手（我目前也是新手）创建这个简单的一级导航。还想根据用户所在的页面添加一个“活动”类。

<nav class="left">
  <ul>
    <li><a href="index.html" title="Home">Home</a></li>
    <li><a href="products.html" title="Products">Products</a></li>
    <li><a href="find-us.html" title="Find Us">Find Us</a></li>
  </ul>
</nav>

第二部分

我能够得到这个工作（见下面的答案）。如何实现排序顺序？现在链接似乎是随机顺序的。

【问题讨论】：

排序顺序可能是一个棘手的问题，部分原因是把手，但主要是因为我们在 assemble v0.4.0 中处理上下文的方式。我的建议是您将此标记为已回答并为此打开一个新问题，以便您获得更多反馈
看来我只能在 SO 上每 90 分钟发一次帖 :)

标签： gruntjs handlebars.js assemble

【解决方案1】：

我应该有 RTFM :)

FAQ 中有一个完整的部分专门针对这个问题，哈！去图吧。

{{#each pages }}
  {{#is data.section "main"}}
    <li{{#is ../../page.dest this.dest}} class="active"{{/is}}>
        <a href="{{relative ../../page.dest this.dest}}">{{data.menutitle}}</a>
    </li>
  {{/is}}
{{/each}}

http://assemble.io/docs/FAQ.html

【讨论】：