Ember Latest

The latest build of Ember.

by Jeremy Gillick

HTML

<script src="http://builds.emberjs.com/handlebars-1.0.0.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="index">
    <h2>Index Content:</h2>
    <a href="#/item/123">First</a>
</script>
<script type="text/x-handlebars" data-template-name="item">
    <h2>Item {{item_id}}</h2>
</script>

CSS

h1 { font-size: 1.6em; padding-bottom: 10px; }
h2 { font-size: 1.4em; }
ul { padding: 15px; font-size: 1.4em; }
li { border-bottom: 1px solid #333; padding: 5px 0; }

JavaScript

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

App.Router.map(function(){
    this.route('item', {path: '/item/:item_id'});
});


App.IndexRoute = Ember.Route.extend({
});

App.ItemRoute = Ember.Route.extend({
    model: function(params){
        return { 'item_id': params.item_id }
    },
    setupController: function(controller, model){
        controller.set('content', model);
    }
});

App.ItemController = Em.ObjectController.extend({
    content: {}
});