JsRender - allowCode - access

by Venkatesh Pottabathini

HTML

<script src="http://borismoore.github.com/jsrender/jsrender.js"></script>
<script src="http://knockedup.github.com/toastR/toastr.js"></script>
<link rel="stylesheet" href="http://knockedup.github.com/toastR/toastr.css">
<link rel="stylesheet" href="http://knockedup.github.com/toastR/toastr-responsive.css">
<div id="output"></div>

<script id="dataTmpl" type="text/x-jsrender">

    <div>
    {{*
        if(myGlobal) {
            alert('hi');
        }
    }}
    {{:firstName}} {{:lastName}}
    </div>

</script>

JavaScript

//var myGlobal = true; // won't work

window.myGlobal = true; // will work

//myGlobal = true; // will work

var data = [
    {firstName: 'John', lastName: 'Papa' },
    {firstName: 'Boris', lastName: 'Moore' },
    {firstName: 'Scott', lastName: 'Guthrie' }
    ];


$.templates('myTmpl', {markup: '#dataTmpl', allowCode: true });

$('#output').html(
    $.render.myTmpl( data )
).show();