jQuery的模板不與「每個」

Question

我的源代碼的工作是在這裏：

http://jsfiddle.net/2pkHL/

我想不通爲什麼它不正確地呈現。另外，有沒有在另一個對象內嵌套數據的方法？

<script id='myTemplate' type='text/x-jquery-tmpl'> 

Table of stuffs: 

<table> 
{{each value}} 
<tr> 
    <td>${name}</td> 
    <td>${value}</td> 
</tr> 
{{/each}} 

</table> 


</script> 


<div id="target"> 

</div> 



var something = function() { }; 

var results = [{ name: 'First', value: 1 }, { name: 'Second', value: 2 }]; 

something.value = results; 

$('#myTemplate').tmpl(something).appendTo('#target'); 

Answer 1

你只需要兩行：我使用的是普通的對象，而不是一個函數的

var results = [{ name: 'First', value: 1 }, { name: 'Second', value: 2 }]; 
$('#myTemplate').tmpl({value: results}).appendTo('#target'); 

。請參閱演示：http://jsfiddle.net/2pkHL/6/。

---

你可以讓事情變得更簡單。由於只有行由該數據（不是<table>）的影響，則可以包括在模板中只有行，直接供應數組作爲數據，和tmpl將自動產生用於陣列中的每個元素的HTML：

<script id='myTemplate' type='text/x-jquery-tmpl'> 
<tr> 
    <td>${name}</td> 
    <td>${value}</td> 
</tr> 
</script> 

Table of stuffs: 
<table id="target"> 
</table> 

JS：

var results = [{ name: 'First', value: 1 }, { name: 'Second', value: 2 }]; 
$('#myTemplate').tmpl(results).appendTo('#target'); 

看到這個版本在這裏：http://jsfiddle.net/2pkHL/11/

Answer 2

嗯，你的主要問題是，你說，VAR的東西是一個函數。如果你把它變成一個物體，你就要走了！ :)

這裏是一個更新的小提琴; http://jsfiddle.net/2pkHL/5/

當然在這裏也更新VODE和：

 
<script id='myTemplate' type='text/x-jquery-tmpl'> 
Table of stuffs: 
<table> 
{{each value}} 
<tr> 
    <td>${name}</td> 
    <td>${value}</td> 
</tr> 
{{/each}} 
</table> 
</script> 
<div id="target"> 
</div> 
 

而且JS：

var something = {}; 

var results = [{ name: 'First', value: 1 }, { name: 'Second', value: 2 }]; 

something.value = results; 

$('#myTemplate').tmpl(something).appendTo('#target');