JsRender - render html

by SO_AMK

HTML

<script src="http://borismoore.github.com/jsrender/jsrender.js"></script>
<script id="template" type="text/x-jsrender">
    <div>
        {{for testData}}
        <header class="feed-title">
            <div class="feed-title-content">
                <span class="feed-title-text">{{:name}}</span>
            </div>
        </header>
        <section class="row">
            <div class="scroll-left"></div>
            <div class="row-scroll">
                {{for secondary}}
                  {{:name}} {{:test}}
                {{/for}}
            </div>
            <div class="scroll-right"></div>
        </section>
        {{/for}}
    </div>
</script>
<div id="div1"></div>

JavaScript

var vm = {
    foo: "names",
    testData: [
        {
        name: "John",
        markup: "<span style='background: yellow'>John</span>",
        secondary: [{
            name: "two",
            test: "true"}]},
    {
        name: "Boris",
        markup: "<span style='background: orange'>Boris</span>",
        secondary: [{
            name: "one",
            test: "false"}]}
    ]
};

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