handlebars.js - 在页面收集循环中获取页面 URL

Question

我正在尝试构建一个动态菜单来为每个标签创建一个页面列表。工作正常，但我不知道如何填充页面 url：

<section class="see-also">
{{#each tags}}
    <p>In <span class="tag">{{tag}}</span>:</p>
    {{#each pages}}
        <li><a href="#">{{data.title}}</a>{{pages.url}}</li>
    {{/each}}
{{/each}}
</section>

有什么建议么？

Answer 1

@luis-martins 您应该能够使用相对帮助器，其中包含正在呈现的当前页面的目标以及tags.pages集合中当前页面的目标，如下所示来生成相对 url：

<section class="see-also">
{{#each tags}}
    <p>In <span class="tag">{{tag}}</span>:</p>
    {{#each pages}}
        <li><a href="#">{{data.title}}</a>{{relative ../../page.dest dest}}</li>
    {{/each}}
{{/each}}
</section>

请注意，对于正在呈现的当前页面的目的地，您必须使用来自 handlebars :的父语法../../page.dest。该属性也位于集合dest中的当前页面项目上。tags.pages

希望这可以帮助。