Question

我正在关注emberjs.com上的documentation，但无法获得第一个绑定示例。

我创建了一个jsfiddle来演示。我错过了什么？

Answer 1

Ember.js使用RunLoop的概念来允许绑定，观察者等。

示例的问题在于，通过设置（绑定）属性并立即通过console.log获取值，不会触发任何触发RunLoop并因此同步更改的事件。有两篇关于RunLoop的优秀博文：Part 1和Part 2。虽然他们以Sproutcore为目标，但Ember.js的概念大致相同。

有两种方法可以使您的示例正常工作。

通过Ember.run.sync()

强制同步

正如文档所述，调用Ember.run.sync() ...是立即强制应用程序中的所有绑定同步的有用方法。这留下了这样的代码，请参阅http://jsfiddle.net/pangratz666/cwR3P/

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

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

// force bindings to sync
Ember.run.sync();

console.log(App.husband.get('householdIncome')); // 80000

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

// force bindings to sync
Ember.run.sync();

console.log(App.wife.get('householdIncome')); // 90000

或者第二个选择是......

在视图中显示值

在视图中显示属性会为您处理所有RunLoop内容，请参阅http://jsfiddle.net/pangratz666/Ub97S/

<强>的JavaScript ：

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

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

// invoke function in 3000ms
Ember.run.later(function() {
    // someone gets a raise
    App.husband.set('householdIncome', 90000);
}, 3000);

把手（视图）：

<script type="text/x-handlebars" >
    Wifes income: {{App.wife.householdIncome}}<br/>
    Husbands income: {{App.husband.householdIncome}}
</script>

Answer 2

设置绑定后，您需要调用Ember.run.sync();，以便在日志语句之前为Ember的运行循环提供同步机会。这也是使用Ember进行测试的一种方便技术，但在Ember应用程序本身中通常不需要这样做。

不能让ember绑定按照记录的方式工作

2 个答案: