handlebars.js - 如何从收集循环中过滤数据？

Question

我试图根据来自 YAML 前端的数据构建一个相关的信息小部件。我的收藏中的每个页面都有一些关联的标签，我们的想法是只显示那些与当前查看的页面有共同标签的页面。

我已经设法使用以下代码获取输出现有页面的完整标签：

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

我可以应用某种过滤器吗{{#each tags}}吗？

谢谢。

Answer 1

您可以使用一个inArray助手来测试当前标签是否在tags当前正在呈现的页面的集合中：

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

您可能必须修改父路径语法以考虑额外的块助手：

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