jsRender - hello world

by Boban Stojanovski

HTML

<script src="https://raw.github.com/BorisMoore/jsrender/master/jsrender.js"></script>
<link rel="stylesheet" href="https://raw.github.com/twitter/bootstrap/master/docs/assets/css/bootstrap.css">
<div id="output"></div>

<script id="template" type="text/x-jsrender">
    <ul>
    {{for people}}
        <li>{{:name}} likes to wear {{:tShirtColor}} shirts</li>
    {{/for}}
    </ul>
</script>

JavaScript

var peopleList = {
    people: [{
        name: 'Bobi',
        tShirtColor: 'Red'},
    {
        name: 'Igor',
        tShirtColor: 'Black'}]
};

$('#output').html($('#template').render(peopleList));