javascript - 如何检测{{#each pages}}中的页面是否为当前页面？

Question

我才学习几天assemble我正在尝试使用部分内容创建目录。

<小时/>

toc.hbs

<ul >
{{#each  pages }}
    <li>
        <a  href ="{{assets }}/{{basename }}.html" >{{data.title }}</a >
    </li >
{{/each  }}
</ul >

<小时/>

布局.hbs

<div class="row">
    <div class="col-sm-3">
        {{> toc}}
    </div>
    <div class="col-sm-9">
        {{> body}}
    </div>
</div>

<小时/>

这工作正常，除了我想在当前页面上设置 class="active"。

问:有没有办法使用组装和 Handlebars 的内置功能轻松完成此操作？我需要使用像 ifCond 这样的助手吗？ ？

Answer 1

您可以使用 {{#is}} 和 {{/is}} block 有条件地添加样式。

<li {{#is title "Features"}}class="active"{{/is}}>
  <a href="features.html">Features</a>
</li>

如果您认为 title 不够稳定，可以对 basename 或其他字段进行比较。