templates

Templates is a container which consists of external template engine such as Hogan, Mustache, Handlebars, etc. It simply behaves as a proxy that enhances inner template engine with some helper methods.

Setting the template engine

Usage: $l.templates = object;

$l.templates.engine = Hogan;

Loading a template from DOM element

Usage: $l.templates.load(element[, options])

// let's say it's: Hello {{name}}
var source = $l('#template-source');

var template = $l.templates.load(source);
console.log(template.render({ 'name': 'Eser' });

reads #template-source's contents and returns the object created by template engine, by calling its render method, console prints: Hello Eser

Rendering a template from DOM element

Usage: $l.templates.apply(element, model[, options])

// let's say it's: Hello {{name}}
var source = $l('#template-source');

console.log($l.templates.apply(source, { 'name': 'Eser' }));

reads #template-source's contents, applies model on template, returns generated content, then prints: Hello Eser

Rendering a template into DOM tree

Usage: $l.templates.insert(element, model, target[, position, options])

// let's say it's: Hello {{name}}
var source = $l('#template-source');
var target = $l('#renderbox');

$l.templates.insert(source, { 'name': 'Eser' }, target);

reads #template-source's contents, applies model on template, then appends generated content to #renderbox element.