Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Ember - Binding" />
<meta charset=utf-8 />
<title>JS Bin</title>
  <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <script src="http://builds.emberjs.com/handlebars-1.0.0-rc.4.js"></script>
  <script src="http://builds.emberjs.com/ember-1.0.0-rc.4.js"></script>
</head>
<body>
  <script type="text/x-handlebars" data-template-name="index">
    {{view Ember.TextField valueBinding="aProperty"}}
    <br />
    <strong>New value: {{aProperty}}</strong>
  </script>
</body>
</html>
  
 
App = Ember.Application.create({});
App.IndexController = Ember.ObjectController.extend({
  aProperty: 1,
  logChange: function() {
    console.log(this.get('aProperty'));
  }.observes('aProperty')
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
alex.daquinopro
0viewers