Ember latest Template
HTML
<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.min.js"></script>
<script type="text/x-handlebars">
{{#collection App.listView}}
asdf
{{/collection}}
</script>
CSS
body {
padding: 2em;
}
JavaScript
App = Ember.Application.create();
App.listView = Ember.CollectionView.extend({
contentBinding: 'App.listController'
})
App.listController = Ember.ArrayController.extend({
content: [1,3]
})
App.collectionView = Ember.CollectionView.create({
content: [{
key: 'value one'},
{
key: 'value two'}],
itemViewClass: Ember.View.extend({
template: Ember.Handlebars.compile('{{view.content.key}}')
})
});
App.collectionView.append();