Simple Ember bindings

by dgeb

HTML

<script src="https://github.com/downloads/emberjs/ember.js/ember-latest.js"></script>
<script type="text/x-handlebars">
    <p>
      Husband: {{App.husband.householdIncome}}.
    </p>        
    <p>
      Wife: {{App.wife.householdIncome}}.
    </p>        
</script>

JavaScript

App = Ember.Application.create();

App.wife = Ember.Object.create({
  householdIncome: 80000
});

App.husband = Ember.Object.create({
  householdIncomeBinding: "App.wife.householdIncome"
});

Ember.run.sync();

console.log("-- before raise --");
console.log("husband: " + App.husband.get("householdIncome"));
console.log("wife: " + App.wife.get("householdIncome"));

// Someone gets raise.
App.husband.set("householdIncome", 90000);

console.log("-- after raise --");
console.log("husband: " + App.husband.get("householdIncome"));
console.log("wife: " + App.wife.get("householdIncome"));