javascript - 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}}