Ember.js 0.9.3 template

by tomwhatmore

HTML

<h1>Items</h1>
<script type="text/x-handlebars">
    {{#view tagName="ul" classBinding="test" id="test-id"}}
      {{#each App.itemsController}}
        {{#view Ember.View contentBinding="this" tagName="li"}}
            {{content.name}} - {{content.pluralized}}
        {{/view}}
      {{/each}}
    {{/view}}
</script>

JavaScript

window.App = Ember.Application.create({
    ready: function(){
      $('#bla').sortable();
    }
});

App.Item = Ember.Resource.define({
    schema: {
        name: String
    },
    
    url: '/items'  
}).reopen({
  pluralized: function() {
    return this.get('name') + 's';
  }.property('name')
});
   
App.itemsController = Ember.ResourceCollection.create({
    type: App.Item,
    content: [
        App.Item.create({name: "Animal"}),
        App.Item.create({name: "Android"}),
        App.Item.create({name: "Human"})
    ]
    
});