Handlebars.js：分配给模板时为空道具

Question

当我登录时，它显示：

"names": {
    "en": "X"
},
"images": [
    "https://x.com/1.jpg"
]

模板是：

<div>{{images.[1]}}</div>                       
<div>{{names.en}}</div>

但是图像的div为空。

如何解决这个问题？

Answer 1

尝试：

<div>{{images.[0]}}</div>   

句柄语法很奇怪，如果要访问数组中的元素，请执行以下操作：

{{images.[0]}}

这不起作用：

{{images[0]}}
{{images.0}}

但是，如果元素具有嵌套属性，则可以执行以下操作：

{{images.0.otherProp}}

Answer 2

<div>{{images[0]}}</div>                       
<div>{{names.en}}</div>

images是一个数组，数组索引从0开始。