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>

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

{{images.[0]}}

这不起作用：

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

但是，如果元素有嵌套属性你可以这样做：

{{images.0.otherProp}}

Answer 2

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

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

Handlebars.js: empty propetry when assigning to template