javascript - Handlebars : pass the index of each to a nested expresstion

Question

有什么方法可以将每个索引或键传递给 Handlebars 中的嵌套表达式吗？

    //Not working
    {{#each thumbs}}
        <img src="{{src}} data-large="{{../images.@key.src}}" alt="">
    {{/each}}

---

    //Working with manual passed array index
    {{#each thumbs}}
        <img src="{{src}} data-large="{{../images.2.src}}" alt="">
    {{/each}}

---

Playground :https://codepen.io/anything/pen/LZxwVL

Answer 1

您可以使用 lookup helper 来做到这一点和 subexpressions .

lookup helper 可以在 each 循环中获取给定索引处图像的哈希值。在该对象上，您需要查找 src 属性。所以这里是:

{{#each this.thumbs}}
  <p>SRC: {{src}}</p>
  <p>LARGE SRC:{{lookup (lookup ../images @index) "src"}} 
{{/each}}

您可以在 modified demo 中看到它在工作.