Skip to content
/ jtmpl Public

Mustache syntax + automatic data-binding = Live templates ☆

License

Notifications You must be signed in to change notification settings

atmin/jtmpl

Repository files navigation

jtmpl Build Status

Extensible, modular, functional-reactive DOM template engine.

Sauce Test Status

Check official site for more information: jtmpl.com

Quick start:

# Install via Bower
bower install jtmpl

or

# Install via NPM
npm install jtmpl-js

or

<!-- Use it via unofficial CDN -->
<script src="https://cdn.rawgit.com/atmin/jtmpl/v1.1.0/jtmpl.min.js"></script>

Hello, jtmpl

<!DOCTYPE html>

<!-- (1) Target, references template -->
<div id="target" data-jtmpl="#template"></div>

<!-- (2) Template, references model -->
<script id="template" data-model="#model" type="text/template">
  <label>
    Greet goes to
    <input value="{{who}}">
  </label>
  <h3>Hello, {{who}}</h3>
</script>

<!--(3) Data model -->
<script id="model" type="text/model">
  {
    who: 'world'
  }
</script>

<!--(4) Include jtmpl -->
<script src="https://cdn.rawgit.com/atmin/jtmpl/v1.1.0/jtmpl.min.js"></script>