装配/把手排序顺序

时间:2014-09-16 20:44:09

标签: gruntjs handlebars.js assemble

我使用汇编常见问题解答

中的示例创建了一个简单的动态导航
{{#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}}

如何实现排序?现在链接似乎是随机顺序。它们似乎是页面别名(index.html)的alpha顺序。

他们应该是:

Index Products Find Us

但是呈现的是:

Find Us Index Products

1 个答案:

答案 0 :(得分:1)

以下是Assemble documentation的链接,其中有withSort部分。

我使用类似的东西:

{{#withSort pages data.sortOrder}}
    {{#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}}
{{/withSort}}

在页面级定义sortOrder的位置,例如在页面模板中具有此功能:

---
title: Index
sortOrder: 0
---