ember-starter

A basic jsFiddle template for Ember.js applications.

by ekidd

HTML

<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/handlebars-1.0.0-rc.3.js"></script>
<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/ember-1.0.0-rc.2.js"></script>
<script src="https://s3.amazonaws.com/kiddsoftware-jsfiddle/ember-data-a29070da.js"></script>
<script type="text/x-handlebars">
    <h1>Ember.js Test</h1>
    {{outlet}}
</script>

<script type="text/x-handlebars" data-template-name="contacts">
    <ul>
       {{#each controller}}
         <li>{{name}}</li>
       {{/each}}
    </ul>
</script>

JavaScript

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

App.Store = DS.Store.extend({
    revision: 12,
    adapter: DS.FixtureAdapter.create()
});

App.Contact = DS.Model.extend({
    name: DS.attr("string") 
});

App.Contact.FIXTURES = [{
    id: 1,
    name: "Jane Q. Public"
}, {
    id: 2,
    name: "John Q. Public"
}];

App.Router.map(function () {
    this.route("contacts", { path: "/" });
});

App.ContactsRoute = Ember.Route.extend({
    model: function () {
        return App.Contact.find();  
    }
});

App.ContactsController = Ember.ArrayController.extend();