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>

如何在模板中循环遍历jQote2中的数据？

1 个答案: