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を取得いけません。実際このコードでは、template（response）は空を返します。

提案がありますか？

Answer 1

で答えるhttps://stackoverflow.com/a/7344483/1342296です。

あなたの場合。 JSONレスポンス・サーバー側を変更するか、最初のオブジェクトのみをテンプレート化してください。

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