2012-05-22 61 views
1

我想開始使用jQote2進行javascript模板,我已經閱讀過api的官方文檔,但是我仍然處於黑暗中,您是如何在模板中循環數據的?如何在模板中的jQote2中循環槽數據?

我的js代碼:

$(function() { 
    var data, tmpl, html; 

    data = { 
     header: "Header for template", 
     list: ["Item 1", "Item 2", "Item 3"] 
    } 

    $.ajax({ 
     url: 'js_templates/first.html', 
     async: false 
    }).done(function(d){ 
     tmpl = d; 
    }); 

    html = $.jqote(tmpl, data); 

    console.log(html); 

}); 

我的模板first.html:

<div> 
    <h1><%=this.header%></h1> 
    // I want to loop trough list here?? 
</div> 

感謝。

回答

2

嗯,我不知道你的JSON數據的樣子,但這裏是從我的jqote模板文件一個一個片斷,它遍歷和renderes錶行:

<table> 
    <% for(d=0;d<this.Vehicles.length;d++) { %> 
     <tr> 
      <td><%= this.Vehicles[d].Info.Year %></td> 
      <td><%= this.Vehicles[d].Info.Make %></td> 
      <td><%= this.Vehicles[d].Info.Model %></td> 
      <td><%= this.Vehicles[d].Info.Vin.Number %></td> 
     </tr> 
    <% } %> 
</table> 
+1

謝謝就是這樣。我想我錯過了可以在模板中使用任何常規JavaScript函數的概念。我可以在我的模板中使用jQuery功能嗎?像'$ .each()'? – arma

+0

@arma我認爲你回答了你自己的問題。 – asawyer

+0

我想你是對的:D – arma