javascript - 如何使用以编程方式更改的 Ember.TextBox 数据来更新存储？

Question

我在 Ember.js 模板中有一个 Ember.TextField:

{{view Ember.TextField valueBinding='name' id='myname'}}

它工作正常，保存到存储中，而不是使用标准 Ember.js 保存到数据库。

但是当我以编程方式更改此文本框的值时:

document.getElementById('myname').value = 'other';

还有保存，就是不保存。当我在执行上面的代码后仅手动添加一个字母时，值被正确保存。

所以我的问题是:

如何以编程方式更改文本框的值以便更新 Ember.js 数据？或者:如何直接在Ember.js数据中更改数据？或者:如何手动触发将数据从字段保存到底层 Ember.js 数据？

Answer 1

这里是有关如何以编程方式更改文本字段的值的示例:http://jsbin.com/ilewas/2/edit

现在稍微解释一下，如果您使用像 document.getElementById('myname').value = 'other'; 这样的纯 JavaScript 来更改值，ember 将不会意识到，所有内容都在 ember 中基于Ember.Object因此您必须使用八种数据绑定(bind)机制或直接在操作调用中设置值，就像使用内置 setter 方法的示例中一样。

这就是good blog post作者:Dan Gebhardt 深入解释了 ember 的对象模型的工作原理。

希望有帮助。