Comparison to React
Comparison to http://jsfiddle.net/fv6RD/3/
HTML
<script src="//canjs.com/release//1.1.6/can.jquery.js"></script>
<script src="http://canjs.us/release/latest/can.view.mustache.js"></script>
<script id="template" type="text/mustache">
<ul>
{{#items}}
<li><input type="text" placeholder="change me!" value="" /></li>
{{/items}}
</ul>
<button class="btn_add">Add an item</button>
</script>
JavaScript
var Control = can.Control({
init: function (ele, options) {
this.items = new can.Observe.List([]);
var template = can.view("#template", {items: this.items})
can.$(document.body).append(template);
},
'.btn_add click': function (ele, ev) {
console.log('clicked')
this.items.push({});
}
});
var control = new Control(document);