application.hbs

<h2 id='title'>Welcome to Ember.js</h2>
 
<form {{action 'createTodo' on='submit'}}>
  {{input value=todo.name}}
</form>
 
<ul>
{{#each}}
  <li>
    {{name}}
  </li>
{{/each}}
</li>

controller-application.js

import Ember from 'ember';

export default Ember.ArrayController.extend({
  freshTodo: function() {
    this.set('todo', this.store.createRecord('todo'));
  }.on('init'),

  actions: {
    createTodo: function() {
      this.get('todo').store.save().then(function(todo) {
        this.get('model').pushObject(todo);
        this.freshTodo();
      }.bind(this));
    }
  }
});

routes-application.js

import Ember from 'ember';

export default Ember.Route.extend({
  model: function() {
    return this.store.findQuery('todo', {});
  }
});