JSFiddle - React, Tailwind, and code Playground

by mgrassotti

HTML

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<meta name="description" content="[SO] Simple Ember controller no output" />
  <title>[SO] Simple Ember controller no output</title>
  <script src="https://github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
  <script src="https://raw.github.com/emberjs/ember.js/release-builds/ember-1.0.0-pre.4.js"></script>
  <script src="http://f.cl.ly/items/2y0X3M0F2K2O1W1O1w0f/ember-data.js">
  </script>
  
</head>
<body>
  hello
  <script type="text/x-handlebars">
<header>
    <pre>{{title}}</pre>
</header>
<hr/>  
<div>
  {{outlet}}
</div>
<hr/>
<footer>
  <pre> @mikegrassotti</pre>
</footer>
</script>

</body>
</html>

JavaScript

App = Ember.Application.create();

App.ApplicationController = Ember.Controller.extend({
  title: function() {
    return window.document.title;
  }.property('')
});

App.Router.reopen({
  location: 'history',
  rootURL: '_display/admin'
});

App.IndexRoute = Ember.Route.extend({
  setupController: function(controller, model) {
    this.controllerFor('application').set('currentRoute', 'home');
  }
});