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)는 empty를 반환합니다.

제안 사항.?

Answer 1

응답 시간은 https://stackoverflow.com/a/7344483/1342296입니다.

귀하의 경우. JSON 응답 서버 측을 변경하거나 첫 번째 객체 만 템플릿으로 지정하십시오.

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