yoga1290/jsbin.ligox.css

## jsbin.ligox.css
body {
  font-family: Helvetica, Arial, sans-serif;
}


## jsbin.ligox.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
<script src="http://builds.emberjs.com/ember-latest.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>


  <script type="text/x-handlebars" data-template-name="index">
  {{textarea value=mytext}}
  <br>
  {{mytext}}
  <br>
  {{len}}
  <br>
  {{textTemplateCantSee}}
  </script>


</body>
</html>

## jsbin.ligox.js
App = Ember.Application.create({
  LOG_TRANSITIONS: true
});

App.IndexRoute=Ember.Route.extend({
  textTemplateCantSee:"Only you can see me"
});


App.IndexController=Ember.ObjectController.extend({
  mytext:'',

  len:function(){
    return "length= "+this.get('mytext').length;
  }.property('mytext')
});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0/handlebars.js"></script>
	<script src="http://builds.emberjs.com/ember-latest.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>



	<script type="text/x-handlebars" data-template-name="index">
	{{textarea value=mytext}}
	<br>
	{{mytext}}
	<br>
	{{len}}
	<br>
	{{textTemplateCantSee}}
	</script>


	</body>
	</html>
	App = Ember.Application.create({
	LOG_TRANSITIONS: true
	});

	App.IndexRoute=Ember.Route.extend({
	textTemplateCantSee:"Only you can see me"
	});



	App.IndexController=Ember.ObjectController.extend({
	mytext:'',

	len:function(){
	return "length= "+this.get('mytext').length;
	}.property('mytext')
	});