example javascript templates using underscore.js templating

js_template.html

<!--Example JS template-->
<script type="text/template" id="PastCommunityTemplate">
    <img class="pvs-cmy-img" src="<%= thumbnail %>" alt="<%= name %>">
    <h3 class="pvs-cmy-title"><%= name %></h3>
    <h4 class="pvs-cmy-city">City: <%= city %></h4>
    <p class="pvs-cmy-description"><%= summary %></p>
</script>

render_js_tmpl.js

// Test Object for template

this.object = {
  thumbnail: 'asfasdfasdf.jpg',
  name: 'jordan',
  city: 'toronto',
  summary: 'this is an example'
};

// Gets what is inside of the JS template and treats is as html
// stores the js template function as this.tmpl
// replaces the template placeholders with what is passed in the object
this.tmpl = _.template($('#PastCommunityTemplate').html();
this.$element.append(this.tmpl(this.object));