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>Author: {{post.author.name}}</div>
{{/each}}
</script>

JavaScript

App = Ember.Application.create();

App.Post = DS.Model.extend({
    title: DS.attr("string"),
    author: DS.belongsTo("App.Author")
});    

App.Author = DS.Model.extend({
    name: DS.attr("string")
});

App.Store = DS.Store.extend({
  revision: 5,
  adapter: DS.RESTAdapter.create(),
  init: function() {
    this._super();
    this.load(App.Author, {
      id: 1,
      name: 'Waldo'
    });
    this.loadMany(App.Post, [
      {
        id: 1,
        title: 'foo',
        author_id: 1
      }, {
        id: 2,
        title: 'bar',
        author_id: 1
      }, {
        id: 3,
        title: 'baz',
        author_id: 1
      }
    ]);
  }
});
    

//App.postsController = Ember.ArrayController.create();
//App.postsController.set('content', []);