JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.4.js"></script>
<script type="text/x-handlebars">
{{#each App.items}}
{{view App.ShowItemView itemBinding="this"}}
{{/each}}
</script>
<script type="text/x-handlebars" data-template-name="showTemplate">
<div class="icon"><img {{bindAttr src="item.icon"}} /></div>
<span class="name">{{item.name}}</span>
</script>
JavaScript
App = Ember.Application.create();
App.Item = Ember.Object.extend({
name: null,
icon: null
});
App.items = Ember.ArrayProxy.create({
content: [ App.Item.create({'icon': '1.jpg', 'name': 'first'}),
App.Item.create({'icon': '2.jpg', 'name': 'second'}) ]
});
App.ShowItemView = Ember.View.extend({
templateName: 'showTemplate'
})