Wie lade ich Vorlagen mit Hogan.JS aus einer externen Datei?

Question

Jan 30, 2013, 11:20 AM

javascript mustache external templates hogan.js

Wie lade ich Vorlagen mit Hogan.JS aus einer externen Datei?

ich benutzeHogan.JS als JavaScript-Template-Bibliothek. Es soll JavaScript-Vorlagen aus externen Dateien laden. Man kann wahrscheinlich mehrere Vorlagen in eine externe JavaScript-Datei auslagern.

Weiß jemand, wie man das macht?

Ich habe das folgende Codebeispiel:

<!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>

Mit den IDs kann ich die Templates ansprechen, benötige aber immer ein eigenes Inline-Skript. :-(

Wie funktioniert das mit externen Dateien?