Javascript 如何在handlebar中迭代对象的属性

{
用户：{
照片：['a'，'b']
}
}

确保：

检查HTML中是否存在该模板：

{{{#每个用户.照片}
{{this}}
{{/每个}}

编译模板：

consttemplate=（sel）=>handlebar.compile（document.querySelector（sel.innerHTML）；
const userPhotosTemplate=模板（“#用户照片模板”）；

设置渲染数据的HTML文本：

document.getElementById（'result'）.innerHTML=userPhotosTemplate（userData）；

例子

consttemplate=（sel）=>handlebar.compile（document.querySelector（sel.innerHTML）；
const userPhotosTemplate=模板（“#用户照片模板”）；
常量用户数据={
用户：{
姓名：'鲍勃'，
照片：['a'，'b'，'c']
}
};
document.getElementById（'result'）.innerHTML=userPhotosTemplate（userData）
.user{
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
宽度：10em；
高度：10公分；
边框：薄实灰色；
}
.user.user name{
字体大小：粗体；
文本对齐：居中；
边缘顶部：0.25em；
}
.用户.用户照片{
显示器：flex；
弯曲方向：行；
柔性包装：包装；
证明内容：中心；
弹性：1；
}
.用户.用户照片.用户照片{
宽度：3em；
高度：3em；
线高：3em；
边缘：0.5em；
边框：薄实灰色；
文本对齐：居中；
文本转换：大写；
}

{{user.name}
{{{#每个用户.照片}
{{this}}
{{/每个}}
很明显，您面临的错误是什么？