jquery - 如何在模板内循环 jQote2 中的数据？

Question

我想开始使用 jQote2 进行 javascript 模板，我已经阅读了 api 的官方文档，但我仍然不知道你如何循环遍历我的模板中的数据？

我的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>

Answer 1

好吧，我不知道您的 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>