javascript - Ember.js:如何观察输入字段中的值何时发生变化

Question

我需要在我的 Ember.js 应用程序中创建一个简单的 HTML 输入文本字段。此特定输入框的值未绑定(bind)到任何特定模型。当输入文本框模糊或失去焦点时，我需要能够运行一些 JavaScript。在我的模板中，到目前为止我有这个:

{{input valueBinding="pitcherSalary" placeholder=0}}

我尝试通过在 Controller 中执行以下操作来观察 pitcherSalary 的值，但没有任何运气:

MyApp.OptimalController = Ember.ObjectController.extend({
 pitcherSalaryObserver: function () {
    var self = this;
    console.log("changing....");
  }.observes('pitcherSalary'), 
});

正确的做法是什么？

Answer 1

你说它不受某些模型的支持，但你的 Controller 却说它受某些模型的支持。您可能会混淆 Ember，它想要保存到模型，该模型应该支持 Controller ，但它找不到模型。 ObjectController 将属性代理到模型/从 Controller 到模型，当它没有模型时，它会大喊滥用。

不好:没有模型的 ObjectController

http://emberjs.jsbin.com/niyawido/3/edit

好:带有模型的 ObjectController

http://emberjs.jsbin.com/niyawido/4/edit

好:没有模型的 Controller

http://emberjs.jsbin.com/niyawido/2/edit