Latest Ember.js + Router

by anshulguleria

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://github.com/downloads/pangratz/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" >
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="invites" >
    {{#each invite in controller}}
        {{invite.name}}    
    {{/each}}
    {{#linkTo "about"}}About{{/linkTo}}
</script>

JavaScript

App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend();
App.ApplicationView = Ember.View.extend({
    templateName: 'application'
});

App.InvitesController = Ember.ArrayController.extend();
App.InvitesView = Ember.View.extend({
    templateName: 'invites'
});

App.Router = Ember.Router.extend({
    root: Ember.Route.extend({
        route: '/',
        index: Ember.Route.extend({
            route: '/',
            connectOutlets: function(router, context) {
                var invitesController = router.get('invitesController');
                invitesController.set('content', [{name: 'first'},{name: 'second'}]);
                router.get('applicationController').connectOutlet('invites');
            }
        })
    })
});

//App.initialize();

/*App.Router.map(function() {
  this.route("about");
});*/