Mustache Example 1

Binding a primitive anonymous variable

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/mustache.js/0.7.0/mustache.min.js"></script>
<h2>Example 1 : anonymous data item</h2>

<div id="output"></div>

<script type="text/html" id="test1">
    <p>{{.}}</p>
</script>

JavaScript

$(document).ready(function () {
    var output = $("#output");    
    var template = $("#test1").html();
    
    // render string
    var data1 = {"hi": "thing"};
    var html = Mustache.render(template, data1);
    output.append(html);

    // render int
    data1 = 43;
    var html = Mustache.render(template, data1);
    output.append(html);
    
    //render date
    data1 = new Date();
    var html = Mustache.render(template, data1);
    output.append(html);
});