Underscore.js JSON上下文 - 循环构造？

Question

我有一个把手模板

<tbody id="userInfoDetails">
           <script id="some-template" type="text/x-handlebars-template">            
           {{#each usersInfo}}
                <tr>
                  <td class="username">{{screenname}}</td>
                  <td class="realName">{{realname}}</td>
                  <td class="email">{{email}}</td>
                </tr>
            {{/each}}
    </script>
     </tbody>

我的JSON背景：

var response = [{
    "usersInfo": [{
            "id": 0,
            "email": "user0@live.com",
            "realname": "user0",
            "screenname": "mash0",
            "mention": "false"
        },
        {
            "id": 1,
            "email": "user1@live.com",
            "realname": "user1",
            "screenname": "mash1",
            "mention": "false"
        },
        {
            "id": 2,
            "email": "user2@live.com",
            "realname": "user2",
            "screenname": "mash2",
            "mention": "false"
        } ]
}]

和渲染功能：

   var source   = $("#some-template").html();
   var template = Handlebars.compile(source);                
   $("#userInfoDetails").html(template(response));   

但我没有得到预期的html进行渲染。事实上，使用此代码，模板（响应）将返回空。

有任何建议。？

Answer 1

在https://stackoverflow.com/a/7344483/1342296回答。

在你的情况下。更改JSON响应服务器端，或仅模板第一个对象。

 $("#userInfoDetails").html(template(response[0]));