JsRender - basic for loop

by johnpapa

HTML

<script src="http://borismoore.github.com/jsrender/jsrender.js"></script>
<script id="template" type="text/x-jsrender">
    <p>
    {{:foo}}
    </p>
    <ul>
    {{for testData}}
        <li>index: {{:#index + 1}}</li>
    {{/for}}
    </ul>
</script>
<div id="div1"></div>

JavaScript

var vm = {
    foo: "hello",
    testData: [{color: "red"}, {color: "yellow"}, {color: "blue"}]
};

$("#div1").html(
$("#template").render(vm));