javascript - 从 Backbone View 模板中访问子对象/模型的变量

Question

收到来 self 的服务器的 JSON 响应，如下所示:

{
"products" : [
    {
        "Product" : {
            "id" : "122",
            "name" : "product X",
            "price" : "19.99",
        },
        "Picture" : [
            {
                "product_id" : "122",
                "id" : "145",
            },
            {
                "product_id" : "122",
                "id" : "146",
            },
            {
                "product_id" : "122",
                "id" : "147",
            }
        ]
    }
]
}

我将创建一个将传递给主干 View 的主干模型。在我的 View 模板中，我可以通过以下方式访问产品名称:

 <%= Product.name %>

一切都按预期工作。但是假设我想获取第一张图片的 ID。我试过:

<%= Picture.0.id %>

但我在控制台中收到以下错误:

Uncaught SyntaxError: Unexpected number 

简而言之，我如何从产品模板访问与我的产品关联的各种图片的属性。如果重要的话，我正在使用下划线模板。

Answer 1

普通的 javascript 数组索引器语法 [index]会成功的:

<%= Picture[0].id %>

编辑:下划线接受 <% %> 中的任何旧 javascript标签，所以如果你想检查一个数组是否为空，你可以使用标准 _.isEmpty方法:

<% if(!_.isEmpty(Picture)) { %>
   <%= Picture[0].id %>
<% } else { %>
   No picture
<% } %>

或您喜欢的任何其他 javascript 结构。 See docs了解更多信息。