underscore.js (Parse.com 사용)의 목록에있는 모든 항목 표시

Question

Parse.com (javascriptSDK)에 앱을 제작 중이며 가져온 항목 목록을 표시하는 방법에 대해 고민하고 있습니다. 데이터베이스에서.

항목은이 구문 분석에서 가져온받을 때이 형식으로되어 있습니다 :

{ 
    "results":[ 
     { 
      "name": "End of summer", 
      "owner": { 
       "__type": "Pointer", 
       "className": "_User", 
       "objectId": "D4ttcoN6ex" 
      }, 
      "createdAt": "2012-09-03T09:21:50.144Z", 
      "updatedAt": "2012-09-03T09:21:50.144Z", 
      "objectId": "Xp8Mz24fI3" 
     }, { 
      "name": "My summer holidays", 
      "owner": { 
       "__type": "Pointer", 
       "className": "_User", 
       "objectId": "D4ttcoN6ex" 
      }, 
      "createdAt": "2012-09-03T09:17:15.515Z", 
      "updatedAt": "2012-09-03T09:17:15.515Z", 
      "objectId": "hjqVThNgXu" 
     }, { 
      "name": "My summer", 
      "owner": { 
       "__type": "Pointer", 
       "className": "_User", 
       "objectId": "D4ttcoN6ex" 
      }, 
      "createdAt": "2012-09-03T09:17:31.139Z", 
      "updatedAt": "2012-09-03T09:17:31.139Z", 
      "objectId": "0UEHHXtyBG" 
     }, { 
      "name": "First day of school", 
      "owner": { 
       "__type": "Pointer", 
       "className": "_User", 
       "objectId": "D4ttcoN6ex" 
      }, 
      "createdAt": "2012-09-03T09:21:37.315Z", 
      "updatedAt": "2012-09-03T09:21:37.315Z", 
      "objectId": "W1OKKwLXmz" 
     } 
    ] 
} 

그래서, 기본적으로, 폴더 목록, 이름, 소유자, createdAt, updatedAt와 ObjectId가 각각.

underscore.js 템플릿을 사용하여 목록에 표시하고 싶습니다. 밑줄 설명서를 사용

는

, 나는이 함께했다 :

<ul> 
    <% _.each(folderList["results"], function(listItem) { %> 
     <li><%= listItem["name"] %></li> 
    <% }); %> 
</ul> 

(folderList 위의 배열입니다).

을 제외하고는 아무 것도 표시되지 않으며 오류 또는 기타 오류는 없습니다. _.size(folderList)을 입력하면 올바른 항목 수인 '4'가 표시됩니다.

나는 실제로 내가하고있는 일을 전혀 모르고 있으며, 밑줄에 좋은 문서를 찾을 수 없다. 내 질문에 대답하거나 문서를 가르쳐 주면 누구든지 나를 도울 수 있습니까?

감사합니다.

Answer 1

folderList 대신 템플릿에 folderList["results"]을 할당했다고 생각합니다. folderList 변수를 compiled_template 함수에 할당하는 방법을 확인해야합니다.

compileFolderList=function(folderList){ 
     var compiled_template=_.template(' <ul><% _.each(folderList["results"], function(listItem) { %> <li><%= listItem["name"] %></li><% }); %></ul>'); //Compile template string 

     var html=compiled_template({'folderList':folderList}); // Assign variables that used in the template. 
     return html; 
} 

var folderList={"results":[{"name":"End of summer","owner":{}}]}; 
$("body").append(compileFolderList(folderList));