HTMLBars Example

gistfile1.txt

//The future is now!

global.compiler    = require('htmlbars/dist/cjs/htmlbars-compiler.js');
global.DOMHelper    = require('htmlbars/dist/cjs/dom-helper.js');
global.hooks    = require('htmlbars/dist/cjs/htmlbars-runtime.js').hooks;
global.render    = require('htmlbars/dist/cjs/htmlbars-runtime.js').render;

var templateSpec = compiler.compileSpec('<p>hi {{name}}</p>', {});
var template = compiler.template(templateSpec);
var env = { dom: new DOMHelper(), hooks: hooks, helpers: {} };

let obj = {name : 'Brian'};
var scope = hooks.createFreshScope();
hooks.bindSelf(env, scope, obj);
var output = document.getElementById('homeDateHeader');
var dom = render(template, env, scope, { contextualElement: output });

$('body').append(dom.fragment);

obj.name = "Senpai";
dom.rerender();