fetter is a simple two-way binding library that can be used with your favorite template engine.

fetter uses the object.observe polyfill library for when real Object.observe is not available.

Super early stage. This is really more of an experiment in minimalist two-way binding.

usage

Three types of bindings are supported:

<input type="text" data-lead="foo" />
<div data-follow="foo" />
<input type="text" data-bind="foo" />

• data-lead: change object property when value is changed by user
• data-follow: change DOM when object property changes
• data-bind: same as both lead and follow at the same time

example using doT templates

There is an example in example/

To try it simply:

npm install
cd example/
browserify main.js > bundle.js
firefox index.html

ToDo

• Add "template re-compile when data changes"-option
• Add a way to iterate a template over an array and then append when an entry is appended.
• Get rid of jquery as a dependency.

copyright and license

Copyright 2017 BioBricks Foundation

License: AGPLv3