Mustache Example 6

Recursive Template rendering

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.0/mustache.min.js"></script>
<script type="text/html" id="test">
    <div>
    	{{#manages}}
      	{{person}}
      {{/manages}}
    </div> 
</script>

JavaScript

$(document).ready(function () {
    var output = $("#output");    
    var template = $("#test").html();

    var data = { 
				"manages": {
        	"name": "billy"
        }
    };
    
    html = Mustache.render(template, data);
    output.append(html);
});