JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://mochaleaf.com/ember.js"></script>
<script src="http://mochaleaf.com/ember-data.js"></script>
<script type='text/x-handlebars'>
{{#each post in App.postsController}}
<div>Post title: {{post.name}}</div>
    <div>Tags: {{#each post.tags}}{{name}}, {{/each}} </div>
{{/each}}
</script>

JavaScript

App = Ember.Application.create();

App.store = DS.Store.create({
    revision: 5,
    adapter: DS.RESTAdapter.create({
        bulkCommit: false
    })
});

App.Post = DS.Model.extend({
    name: DS.attr("string"),
    tags: DS.hasMany('App.Tag')
});

App.Tag = DS.Model.extend({
    name: DS.attr('string')
});

App.store.loadMany(App.Tag, [
    {id: 1, name: 'tutorial'},
    {id: 2, name: 'question'}
]);
    
App.store.load(App.Post, {
    id: 1,
    name: "cool post",
    tags: [App.Tag.find(1), App.Tag.find(2)]
});


App.postsController = Ember.ArrayController.create();
App.postsController.set('content', []);
App.postsController.pushObject(App.Post.find(1));