Underscore Template Example

Underscore Template Example

by Nirvanachain

HTML

<script src="http://underscorejs.org/underscore-min.js"></script>
<script type="text/template" id="myTemplate">
    <% console.log(obj) %>
    <h1><%- obj.name %></h1>
    <h2><%- obj.position %></h2>
</script>

<div class="js-container">
</div>

JavaScript

var myObj = {
    "name" : "Matthew",
    "position" : "Creator of the Awesome"
}

var myTemplate = $('#myTemplate').html();

var template = _.template( myTemplate, {obj: myObj} );

$('.js-container').html(template);