bindling

Declarative View-Model-Binding for HTML

Usage no npm install needed!

<script type="module">
  import bindling from 'https://cdn.skypack.dev/bindling';
</script>

README

bindling Build Status npm version

Declarative View-Model-Binding for HTML

Installation

npm install bindling --save

Usage

var bindling = require('bindling');
var template = require('./template.html');

var model = {
  name: 'Enter your name',
  update: function(value) {
    this.name = value;
  }
};

var element = bindling(template, model);

document.querySelector('body').appendChild(element);

template.html

<section>
  <input type="text" on-input="update(this.value)"><span>{name}</span>
</section>