JQuery 템플릿을 사용하여 중첩 된 JSON 객체 구문 분석

Question

Google JS API의이 JSON 객체의 데이터를 HTML 템플릿에 넣으려고합니다. (jquery.tmpl를 통해) http://goo.gl/993CL

내 템플릿 다음과 같습니다 :

{ 
"kind": "books#volumes", 
"totalItems": 4, 
"items": [ 
    { 
    "kind": "books#volume", 
    "id": "LcQXAAAAYAAJ", 
    "selfLink": "https://www.googleapis.com/books/v1/volumes/LcQXAAAAYAAJ", 
    "volumeInfo": { 
    "title": "The Arabian Nights", 
    "authors": [ 
    "George Fyler Townesend" 
    ] 
    } 
    }, 
    { 
    "kind": "books#volume", 

... 전체 JSON을 다음 JSON은 다음과 같습니다

var markup = "<tr><td>${kind}</td><td>${totalItems}</td><td>${items.volumeInfo.title}</td></tr>"; 

그러나 내가 그것을 실행하면 만 다음 세 열 중 첫 번째 열을 표시합니다.

<tr><td>result 1</td></tr> 
    <tr><td>result 2</td></tr> 
    <tr><td>result 3</td></tr> 

$totalItems이 왜 표시되지 않습니까? 그리고 제목을 얻기위한 적절한 길은 무엇입니까? http://jsfiddle.net/khcsq

Answer 1

당신은 단지 items.volumeInfo을 수행 할 수 없습니다

${items.volumeInfo[*].title} ? 

는 여기에 바이올린입니다. 당신은 each loopitems에서 실행해야합니다 :

var markup = "{{each items}}<tr><td>${volumeInfo.title}</td></tr>{{/each}}"; 

---

여기를 참조하십시오 : http://jsfiddle.net/khcsq/3/