Jquery 如何在模板中循环jQote2中的数据?
我想开始使用jQote2进行javascript模板制作,我已经阅读了api的官方文档,但我仍然不知道如何循环使用我模板中的数据 我的js代码:Jquery 如何在模板中循环jQote2中的数据?,jquery,jquery-plugins,Jquery,Jquery Plugins,我想开始使用jQote2进行javascript模板制作,我已经阅读了api的官方文档,但我仍然不知道如何循环使用我模板中的数据 我的js代码: $(function() { var data, tmpl, html; data = { header: "Header for template", list: ["Item 1", "Item 2", "Item 3"] } $.ajax({ url: '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);
});
My template first.html:
<div>
<h1><%=this.header%></h1>
// I want to loop trough list here??
</div>
//我想在这里循环槽列表??
我不知道您的Json数据是什么样子,但下面是我的一个jqote模板文件中的一个片段,它循环并呈现表行:
<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>
谢谢,就这样。我想我错过了可以在模板中使用任何常规javascript函数的概念。我可以在模板中使用jquery函数吗?比如$。each()
?@arma我想你回答了你自己的问题。@arma顺便说一下,我对几个不同的javascript模板库有过一些经验,虽然jqote不错,但我发现我更喜欢下划线的模板。在模板中使用javascript确实很强大,但它实际上会破坏模板的对象。@Marc我一点也不反对你。