Ember.js Starter Kit
Based on latest version (as of today) of the official Ember.js starter kit: https://github.com/emberjs/starter-kit Links to latest full-size versions of Handlebars, Ember, and Ember-Data.
by darthdeus
HTML
<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
<h1>Hello from Ember.js</h1>
{{view App.TagsView tagsBinding="App.tagsController.content"}}
</script>
<script type="text/x-handlebars" data-template-name="tags">
tags are : {{view.tags}}
</script>
App = Ember.Application.create({ autoinit: false });
App.ApplicationController = Ember.Controller.extend();
App.ApplicationView = Ember.View.extend({
templateName: 'application'
});
App.TagsController = Ember.ArrayController.extend({
content: ["tag1", "tag2"]
});
App.TagsView = Em.View.extend({
templateName: "tags"
});
App.Router = Ember.Router.extend({
location: 'none',
enableLogging: true,
root: Ember.Route.extend({
index: Ember.Route.extend({
route: '/'
})
})
});
App.initialize();
JavaScript
App = Ember.Application.create({ autoinit: false });
App.ApplicationController = Ember.Controller.extend();
App.ApplicationView = Ember.View.extend({
templateName: 'application'
});
App.TagsController = Ember.ArrayController.extend({
content: ["tag1", "tag2"]
});
App.TagsView = Em.View.extend({
templateName: "tags"
});
App.Router = Ember.Router.extend({
location: 'none',
enableLogging: true,
root: Ember.Route.extend({
index: Ember.Route.extend({
route: '/'
})
})
});
App.initialize();