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

标签 handlebars.js gruntjs assemble

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

<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>

有什么建议吗?

最佳答案

@luis-martins 你应该能够使用relative helper使用正在呈现的当前页面的目标以及 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>

请注意,要呈现当前页面的目标,您必须使用 parent syntax from handlebars : ../../page.dest。此外,dest 属性位于 tags.pages 集合中的当前页面项上。

希望这有帮助。

关于handlebars.js - 在页面集合循环中获取页面 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17973063/

相关文章:

javascript - EmberJS 应用程序中的 Handlebars 不显示任何内容

javascript - Chrome 和 Firefox Sourcemaps 不工作

gruntjs - 使用 assemble 转义部分

yaml - 如何在 YAML 前端使用 Handlebars #each helper

html - 组装(模板): Get parent value from within nested each block

javascript - 为什么 Ember 不渲染子资源?

javascript - Express.js View 引擎与手动编译

d3.js - 使用 grunt-browserify 全局依赖

json - 如何在 Wiremock 中删除每个循环中的最后一个逗号

macos - 上传不适用于 GRUNT 的外部更改