Template

A super lightweight and overtly simple templating util until we have enough reason to include a more robust templating solution within Rizzo.

Note: Given the simple nature of this util, it will only work one level deep within the given object and has no looping or conditional logic whatsoever.

Usage

<script id="my-template" type="text/html">
  <p class="copy--body">
    My name is <strong>{{name}}</strong> and I'm a <em>{{position}}</em>.
  </p>
</script>
<div class="js-rendered-template"></div>

require([ "public/assets/javascripts/lib/utils/template" ], function(Template) {
  var obj = { name: "slothbot", position: "robot" },
      template = $("#my-template").text(),
      rendered;

  // Where the magic happens...
  rendered = Template.render(template, obj);

  $(".js-rendered-template").html(rendered);
});

The above would render the following markup:

<div class="js-rendered-template">
  <p class="copy--body">
    My name is <strong>slothbot</strong> and I'm a <em>robot</em>.
  </p>
</div>