1

javascriptテンプレートにjQote2を使い始めたいのですが、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>
4

1 に答える 1

2

Jsonデータがどのように見えるかはわかりませんが、テーブルの行をループしてレンダリングするjqoteテンプレートファイルの1つからのスニペットを次に示します。

<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>
于 2012-05-22T12:12:36.040 に答える