Ember.js 0.9.3 template

by jeffutter

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.min.js"></script>
<script src="https://github.com/downloads/emberjs/data/ember-data-latest.min.js"></script>
<h1>Items</h1>
<script type="text/x-handlebars">
    {{#each App.itemsController tagName="ul"}}
        {{#view Ember.View contentBinding="this" tagName="li"}}
            {{content.name}} - {{content.pluralized}}
        {{/view}}
    {{/each}}
</script>

JavaScript

window.App = Ember.Application.create();

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: "Thing"})]
    
});