javascript - handlebars 表达式中的变量

Question

我有一个要从数组中检索的特定元素，{{page.myArray}}。

我在变量 {{my-index}} 中有元素的索引，但我不能只插入 {{page.myArray.[my-index ]}} 或 {{page.myArray.[{{my-index}}]。

我该怎么做呢？我已经尝试了 SO 和 Handlebars 文档中的一些内容，但我终生无法提出解决方案。希望善良和慷慨的灵魂能在这里伸出援手。

Answer 1

答案是否定的，因为 Handlebars 语法不允许嵌套语句。但是，您可以编写自定义 Handlebars 帮助程序来实现相同的目的。

将您的 JSON 结构视为，

{
  "my-index": 1,
  "page": {
    "myArray": [
      "a",
      "b",
      "c"
    ]
  }
}

你的模板可以写成下面这样，它是 helper(indexOf) 调用自己。

{{#indexOf page.myArray my-index}}{{/indexOf}}

辅助定义是，

Handlebars.registerHelper('indexOf', function(array, value) {
  return array[value];
});

这将打印 b 作为输出，因为它位于数组 myArray 的索引位置 1。

使用 http://tryhandlebarsjs.com 测试.

希望这对您有所帮助。