Fetch a javascript template (html file) and then pass it data.

template-helper.js

define(['jquery', 'handlebars'],function($,Handlebars){

  /* use:
   var tmpl = App.helpers.tmpl,
       getCompiledTemplate = tmpl('foo', {});

   getCompiledTemplate.then(function(content){
     $('#something').html(content);
   });

   // or, verbose:

   App.helpers.tmpl('foo', {}).then(function(html){
     // do stuff with html
   });

   */

  // path relative to assets/templates/*
  function loadTemplate(path){
    var dfd = new $.Deferred;
    // TODO - specify caching config
    $.get('/templates/'+ path +'.html', function(data){
      dfd.resolve(data);
    });
    return dfd.promise();
  }
  
  function compileTemplate(template,data){
    // handlebars stuff
    var tmpl = Handlebars.compile(template);
    var html = tmpl(data);
    return html;
  }
  
  function tmpl(path,data){
    return loadTemplate(path).then(function(str){
      var html = compileTemplate(str,data);
      return html;
    });
  }
  
  return {
    tmpl: tmpl,
    loadTemplate: loadTemplate,
    compileTemplate: compileTemplate
  });

});