Tangular
A simple template engine like Angular.js for JavaScript or node.js
- only 2.0 kB minified + gziped
- syntax like Angular.js templates
- supports custom helpers
- supports conditions (+ nested conditions)
- supports loops (+ nested loops)
- supports two models
- no dependencies
- IE
>= 9
- best of use with www.totaljs.com - web framework for Node.js
- Live example on JSFiddle / Tangular
- One of the fastest template engine in the world
YOU MUST SEE:
- jComponent - A component library for jQuery
- jRouting - HTML 5 routing via History API
- jQuery two way bindings
Node.js
npm install tangular
var Tangular = ;
Example
var output = Tangular;// Hello <b>world</b> and <b>world</b>!
Second model
- very helpful, you don't have to change the base model
- second model can be used in the template via
$
character, e.g.{{ $.property_name }}
var output = Tangular;// Hello MODEL 1 and MODEL 2
Best performance with pre-compile
// cachevar template = Tangular; // render// template(model, [model2])var output = ;
Conditions
- supports
else if
{{if name.length > 0}} OK{{else}} NO{{fi}}
{{if name !== null}} NOT NULL{{fi}}
Looping
{{foreach m in orders}} Order num.{{m.number}} (current index: {{$index}}) {{m.name}}{{end}}
Custom helpers
Tangular; Tangular; // Calling custom helper in JavaScript, e.g.:Tangularhelpers;
{{ amount | currency }}{{ amount | currency(2) }} <!-- MULTIPLE HELPERS -->{{ count | plus | plus(2) | plus | plus(3) }}
Built-in helpers
{{ name }} = VALUE IS ENCODED BY DEFAULT{{ name | raw }} = VALUE IS NOT ENCODED
Miracles
var template = Tangular;console;
Alias: Tangular is too long as word
// use alias:// Ta === TangularTa;
Contributors
Contributor | Type | |
---|---|---|
Peter Širka | author | petersirka@gmail.com |
Константин | contributor |