If you want to keep your templates in external files, you can load the template in like so:
$.get('/js/templates/filename.html', function(template) {
$.tmpl(template, data).appendTo('#whatever');
});
A couple of benefits of this method:
- Organizing your templates into their own files is tidy.
- Your syntax highlighter will be happier, since you're not writing HTML between two
<script>
tags.
A little question, is it possible to use nested template with external files ?$.get("myFile.htm", function(template){$ .tmpl(...);})}}
Something like that :
...
{{if condition}}
{{tmpl(subData)
{{/if}}
...