如何在rivetjs中的keyup上更新模型

How to get model updated onkeyup in rivetjs

本文关键字:更新 模型 keyup 中的 rivetjs      更新时间:2023-09-26

首先感谢RiveJS,我正在使用它进行流,太棒了!

问题:在AngularJS中,通常在输入中获取绑定以更新模型onkeyup。在RiveJS中,默认情况似乎是更新模型onblur。有没有办法让它在每次onkeyup事件中更新模型?

感谢

您有两个选项。首先,升级到Rivets 0.7-如变更日志中所述,"内置的值绑定器现在会侦听输入事件而不是更改,因此更新将立即进行,而不是模糊。"要注意突破性的更改,并相应地升级您的实现(例如,您需要在Rivets之前包含Sightglass,或者使用捆绑的Rivets.js文件。

如果你想继续使用铆钉0.6,另一种选择是创建自己的活页夹。正如作者自己举的一个例子,我只想使用它:

rivets.binders.input = {
  publishes: true,
  routine: rivets.binders.value.routine,
  bind: function(el) {
    el.addEventListener('input', this.publish)
  },
  unbind: function(el) {
    el.removeEventListener('input', this.publish)
  }
}