javascript - Ember 对 ='change' 事件的操作

Question

我有这个 ember Action 助手(仅用于实验)

{{input type='number' action='calculateMph' on='change'}} mph = {{controller.mph}} km/h

如果我删除on='change'，当我按回车键时它可以正常工作。但对于 on='change' 它根本不起作用。调试器没有给我任何东西。

我做错了什么吗？我希望该操作在您在输入字段中键入内容时运行并实时更新值。

这是我的 Controller ，如果有帮助的话。

var HomeController = Ember.Controller.extend({
  mph: null,

  actions: {
    calculateMph: function(parameter) {
      var result = parameter * 1.60934
      this.set('mph', result);
    }
  }
});

请注意，我使用的是 ember CLI

Answer 1

controller.mph 应该是绑定(bind)到输入的变量的属性:

{{input value=userNumber}}

因此在本例中是 userNumber 的属性。不会有任何操作，但controller.mph函数会计算英里每小时并返回它。这样它就会在每次“userNumber”更改时进行计算。

一般来说，ember 应用程序在使用属性而不是事件操作(如果可能的话)时效果最佳 - 拉，而不是推。