Salve sto iniziando a utilizzare handlebar come motore di template javascript.
Nel codice funziona tutto alla perfezione ma vorrei sapere se c'è un modo per mettere anche
il template (<script id="Template" type="text/x-handlebars-template"> ecc..)in un file esterno e non direttamente nell'html.
Vi posto il codice che è composto da un file html ed uno esterno jquery:
FILE HTML
<html>
<head>
<title>Esempio di utilizzo handlebars.js</title>
<script type="text/javascript" src="Handlebars.js"></script>
<script type="text/javascript" charset="utf-8" src="js/lib/jquery-1.7.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
</head>
<body>
<div id="Placeholder">Questa parte verrà restituita da handlebars.js</div>
<script id="Template" type="text/x-handlebars-template">
<div id="user">
<h1>{{username}}</h1>
<h2>{{status}}</h2>
</div>
</script>
</body>
</html>
------------------------------------------------------------------------>
FILE .JS
$(document).ready (function() {
var source = $("#Template").html();
var template = Handlebars.compile(source);
var context = {
username:"Stefano",
status:"Single"
}
$("#Placeholder").html(template(context));
});
----------------------------------------------------------------------------