¿Cómo cargar plantillas con Hogan.JS desde un archivo externo?

Question

Jan 30, 2013, 11:20 AM

external hogan.js templates javascript mustache

¿Cómo cargar plantillas con Hogan.JS desde un archivo externo?

yo sueloHogan.JS como biblioteca de plantillas de JavaScript. Se supone que carga plantillas de JavaScript desde archivos externos. Probablemente se pueden externalizar varias plantillas en un archivo JavaScript externo.

¿Alguien sabe cómo hacer eso?

Tengo el siguiente ejemplo de código:

<!DOCTYPE html>
<html>
  <head>
    <title>Hogan.JS Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="js/jquery-1.9.0.min.js"></script>
    <script src="js/hogan-2.0.0.min.js"></script>
    <script id="scriptTemplate" type="text/mustache">
      <p>Your text here: {{text}}</p>
    </script>
  </head>
  <body>
    <script>
      var data = {
        text: 'Hello World'
      };

      var template = $('#scriptTemplate').html();
      var compiledTemplate = Hogan.compile(template);
      var renderedTemplate = compiledTemplate.render(data);

      var box = document.createElement('div');
      box.innerHTML = renderedTemplate;
      document.body.insertBefore(box,document.body.childNodes[0]);
    </script>
  </body>
</html>

Con los identificadores puedo abordar las plantillas, pero siempre necesito un script en línea separado. :-(

¿Cómo funciona esto con archivos externos?