Ember.js Base fiddle

by Sylvain MINA

HTML

<script src="http://builds.handlebarsjs.com.s3.amazonaws.com/handlebars-v1.3.0.js"></script>
<script src="http://builds.emberjs.com/release/ember.js"></script>
<script type="text/x-handlebars">
    {{view App.TextView}}
</script>

<script type="text/x-handlebars" data-template-name="text">
    <h1>Send the message:</h1>
    <div class="send_form">
        {{view Ember.TextField value=view.message}}
        <button type="submit" {{action "submit" target=view}}>Done</button>
    </div>
</script>

JavaScript

App = Ember.Application.create({});

App.TextView = Ember.View.extend({
    templateName: 'text',
    message: '',
    
    actions: {
      submit: function(event) {
        console.log(this.get('message'));
      }
    }
});