javascript - Handlebarsjs 对象数组 : TypeError: Cannot read property 'id' of undefined

Question

我有一个项目列表，每个项目都可以有一个 Photo 项目，也可以没有。

我正在使用 this 进行循环。

当所有项目都有照片时就可以了:

<script id='library-template' type="text/x-handlebars-template">
    {{#this}}
        <div class='box'>
            <a href='#insight' data-insight_id="{{Item.id}}">
            {{#if Photo.0.id }}
                    {{Photo.0.photo}}
            {{/if}}
            </a>

            <div class='subtitle'>
                <h2>{{Item.title}}</h2>
                <p>Added: {{Item.created}}</p>
            </div>
        </div>
    {{/this}}
</script>

当当前对象没有Photo对象时:

TypeError: Cannot read property 'id' of undefined

我的对象的格式:

[  
Object  
    Item: Object  
    Photo: Array[1]  
    Rating: Array[0]  
    Tag: Array[0]  
    __proto__: Object  
,
Object  
    Item: Object  
    Photo: Array[0]  
    Rating: Array[0]  
    Tag: Array[0]  
    __proto__: Object  
,
Object  
,
Object  
,
Object  
]

第二个对象没有 Photo 记录所有其他对象。

我如何访问 Photo 对象以确保在 Photo 没有内容时不会引发错误？

注意:测试 {{#if Photo.0}} 而不是 {{#if Photo.0.id}} 结果:
错误:第 5 行出现解析错误:...}"> {{#if Photo.0 }} {{Photo.0 -------------------- ^ 期待“ID”

Answer 1

放在这里以防其他人需要:

 {{#if Photo.length}} {{Photo.0.photo}} {{/if}}