JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars">
{{#view App.TestView}}
Change this: {{view Ember.TextField valueBinding="count"}}<br /><br />
No Property: {{double}}<br />
With Property: {{propertyDouble}}
{{/view}}
</script>
JavaScript
App = Ember.Application.create()
App.Outer = Ember.Object.create({
count: 1,
propertyDouble: function() {
return this.get('count') * 2;
}.property('count'),
double: function() {
return this.get('count') * 2;
}.property('nothing')
});
App.TestView = Ember.View.extend({
doubleBinding: 'App.Outer.double',
propertyDoubleBinding: 'App.Outer.propertyDouble',
countBinding: 'App.Outer.count'
});