2

我正在使用 Grunt 的 Assemble.io 配置静态站点生成器。我正在使用 Pages Collection 来构建一个导航列表,如下所示:

{{#each pages }}
    <li><a href="{{{filename}} }">{{{title}} }</a></li>
{{/each }}

我也想申请class="active"当前页面的导航项,但我不知道如何处理这个问题。我的第一个想法是尝试将集合的当前迭代的标题与正在呈现的页面的标题进行比较,但这有两个问题:

  1. 把手中的if助手似乎没有办法比较两个表达式。我可以编写一个自定义助手,但我想在尝试之前知道这是最好的方法。
  2. 我不知道如何区分title当前集合迭代的迭代和当前页面的迭代。title据我所知,它们都被简单地称为。

如何确定页面收集循环何时在正在呈现的当前页面的页面上运行?

4

1 回答 1

3

利用isCurrentPage

{{#each pages }}
<li{{#if this.isCurrentPage}} class="active"{{/if}}>
    <a href="{{{filename}} }">{{{title}} }</a>
</li>
{{/each }}

或者,您可以使用isActive助手。

于 2014-02-08T03:08:35.943 回答