Testing Mustache.js Template

by Gerald Fullam

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.1.2/mustache.min.js"></script>
<div id="target">h</div>

JavaScript

$(function () {
    
    var template = '\
    {{#components}}\
        {{component1}}\
        {{component2}}\
    {{/components}}';
    var json = {
      "component1": "One",
      "component2": "Two",
      "components": function () {
        return function (text, render) {
          return "<b>" + render(text) + "</b>";
        }
      }
    };
    var rendered = Mustache.render(template, json);
    $('#target').html(rendered);

});