Using Ractive.js Two-way binding and events

by rich_harris

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
A ractive test:

<div id='container'></div>

<script id="template1" type="x-template">
    value of name is: {{ name }}      
    {{#if (name === 'steve')}}this should work{{/if}}
</script>

JavaScript

var ractive = new Ractive({
    el: 'container',
    template: '#template1',
    data: { 
        name: 'steve'
    }
});