JSFiddle - React, Tailwind, and code Playground

by rlivsey

HTML

<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.min.js"></script>
<script type="text/x-handlebars" data-template-name="some-view">
    <p>click me to add an item</p>
  {{#each App.items}}
    <p>{{name}}</p>
  {{/each}}
    <p>There are {{App.items.length}} items</p>
</script>

JavaScript

App = Ember.Application.create({});

App.Item = Ember.Object.extend({});

var i = 0;
App.items = Ember.ArrayProxy.create({content: []});

App.SomeView = Ember.View.extend({
    templateName: "some-view",
    click: function(){
        App.items.addObject(App.Item.create({name: i++}));             
    }
});

view = App.SomeView.create({});
view.append();