JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.0.beta.6.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars" data-template-name="application">
    <script type="text/x-handlebars" data-template-name="new_view">
        <p>This doesn't work: {{someProperty}}</p>
    </script>
</script>

JavaScript

MyApp = Ember.Application.create({
  autoinit: false
});

MyApp.router = Ember.Router.create({
  root: Ember.Route.extend({
    index: Ember.Route.extend({
      route: '/'
    })
  })
});

MyApp.ApplicationController = Ember.Controller.extend();

MyApp.SomeOtherController = Ember.Controller.extend({
  content: ['a', 'b', 'c'],
    someProperty: (function() {
        return this.get('content');
    }).property()
});


MyApp.NewView = Ember.View.extend({
  templateName: 'new_view',
  init: function() {
    return this.set('controller', MyApp.SomeOtherController.create());
  }
});

MyApp.initialize(MyApp.router);