Why Ember.js Rocks - Data Binding 3

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/foundation/4.3.1/css/foundation.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.4/handlebars.min.js"></script>
<script src="http://builds.emberjs.com.s3.amazonaws.com/ember-1.0.0-rc.6.1.min.js"></script>
<script type="text/x-handlebars">
    <label>What is your name?</label>
    {{input type="text" value=name}}
    <h3 class="subheader">{{greeting}}</h3>
</script>

CSS

body { margin: 3em; }

JavaScript

App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend({
    name: '',
    greeting: function() {
        if (this.name.length < 1) return 'ciao';
        return 'Hello, ' + this.get('name');
    }.property('name')
});