Ember.js Simple Model example

A simple example of models in Ember.js.

by erickramer

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}}
  <br />  
  {{partial "person"}}  
</script>
<script type="text/x-handlebars" data-template-name="_person">  
   Person: {{name}} 
</script>

CSS

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

JavaScript

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

Person = Ember.Model.extend({name:''});

App.IndexRoute = Ember.Route.extend({
  model: function(){
      this.store.push( new Person({name:'Joe'}) );
  }
});