1

我正在尝试将此 JSON 对象（来自 Google Books API）中的数据放入 HTML 模板中。JSON 看起来像这样：

{
 "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：http: //goo.gl/993CL

我的模板（通过jquery.tmpl）如下所示：

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显示？获得头衔的正确途径是什么？

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

这是小提琴：http: //jsfiddle.net/khcsq

4

1 回答 1

2

你不能只是这样做items.volumeInfo。您必须在以下位置运行一个each循环items：

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

见这里：http: //jsfiddle.net/khcsq/3/

于 2012-06-08T17:34:13.957 回答