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>
    <button {{action 'next'}}>Next</button>
           
</script>
<script type="text/x-handlebars" data-template-name="next">
    Next page
    {{#with order}}
    <ol>
    {{#each entries}}
        <li>{{product.name}}</li>
    {{/each}}
    </ol>
    {{/with}}
</script>

<script type="text/x-handlebars" data-template-name="section1">
    <p>
        {{quote}}
    </p>
</script>
<script type="text/x-handlebars" data-template-name="section2">
    <p>
        {{quote}}
    </p>
</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.resource('next');
});

App.NextRoute = Ember.Route.extend({

});

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

App.IndexController = Ember.ObjectController.extend({
    needs: 'next',
    nextController: null,
    nextControllerBinding: 'controllers.next',
    
    next: function(){
        this.transitionToRoute('next');
    }
});

App.NextController = Ember.ObjectController.extend({
    order: {}
});