使用 Ember 的 HTML5 范围输入

Question

我有一个范围输入，用于过滤绑定(bind)到值属性的模型。

{{input type="range" class="range" name="range" min="0" max="64" value=bindvalue}}

问题在于它会针对您拖动 slider 的每一步进行过滤，而不是仅在您释放 slider 时过滤值。这确实使 slider 滞后。所以我想我可以改用这个:

<input type="range" onchange="number.value=value" name="range" min="0" max="64" value="0">
{{input type="number" id="number" name="number" value=bindvalue}}

范围输入在发布时设置数字输入值，但发生这种情况时 ember 不会更新我的过滤器。仅当我自己编辑输入的数字时。

当范围输入设置数字输入值时，您将如何让 ember 知道？

Answer 1

关于您的最后一种方法，如果不使用去抖动，如此处所述

Ember.js textField change event

字段需要失去焦点。

所以你可以这样做，

function updateNumberValue(value){

    var num=document.querySelector("#number");
    num.value=value;
    $(num).blur();
}

http://emberjs.jsbin.com/fobep/1/edit