EmberJS Simple data binding example

A simple example of data binding.

by Manna

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/tags/v1.4.0/ember.min.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <h1>EmberJS data binding</h1>
    {{outlet}}
</script>
<script type="text/x-handlebars" data-template-name="index">  
  Name: {{input type="text" value=name }}
  <br /><br />
  Welcome to Ember {{name}} 
</script>

CSS

h1 {
    font-size: 1.6em;
    padding-bottom: 10px;
}
h2 {
    font-size: 1.4em;
}

JavaScript

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

App.IndexRoute = Ember.Route.extend({
  model: function(){
      return{
          name: ''
      };
  }
});