JSFiddle - React, Tailwind, and code Playground

by anshulguleria

HTML

<script src="http://cloud.github.com/downloads/wycats/handlebars.js/handlebars-1.0.rc.1.js"></script>
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<!DOCTYPE html>
<html>
<body>
<script type='text/x-handlebars' data-template-name='testinstance'>
  {{#with EmberApp.profileController}}
    {{this}}
    {{value}}
  {{/with}}  
</script>
<div id='test1'>area1</div>
<div id='test2'>area2</div>
</body>
</html>

JavaScript

var EmberApp = Em.Application.create({});

EmberApp.Profile = Em.Controller.extend({
  value: 'someone',
	init: function(){
		this._super();
    
    var view = EmberApp.TestView.create();
    view.appendTo('#test1');
    
	}
});

EmberApp.TestView = Em.View.extend({
  templateName: 'testinstance'
});

EmberApp.profileController =  EmberApp.Profile.create();