data-binding
Version:
Data attribute binding and interpolation
34 lines (30 loc) • 748 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Simple Live binding</title>
</head>
<body>
<h3 class="title">There is <span data-text="number"></span> connected users.</h3>
<script src="../build/build.js"></script>
<script>
var Binding = require('binding');
var Store = require('datastore');
var index = 2;
var store = new Store({
number: index
});
var binding = new Binding(store);
binding.add('data-text', function(el, expr){
el.innerHTML = this.get(expr);
this.on('change ' + expr, function(val){
el.innerHTML = val;
});
});
binding.scan(document.querySelector('.title'));
setInterval(function(){
store.set('number', ++index);
}, 6);
</script>
</body>
</html>