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

Question

When I log, it shows: 当我登录时，它显示：

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

and the Template is: 模板是：

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

But images' div is empty. 但是图像的div为空。

How to fix this? 如何解决这个问题？

Answer 1

Try: 尝试：

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

Handlebars syntax is weird, if you are accessing an element in an array, do this: 句柄语法很奇怪，如果要访问数组中的元素，请执行以下操作：

{{images.[0]}}

This doesn't work: 这不起作用：

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

But, if the element has a nested property you can do this: 但是，如果元素具有嵌套属性，则可以执行以下操作：

{{images.0.otherProp}}

Answer 2

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

images is an array and array index starts from 0. images是一个数组，数组索引从0开始。