使用RactiveJS自动检测DOM的更改

Question

我正在使用RactiveJS制作一个自动更改字段值的大表单。

一个小笨蛋例如=＆gt; http://plnkr.co/edit/eONFQFLl6d2g7gdVcfM6?p=preview

当我更改第一个选择时，第二个更新，但值保持较旧。在我的项目中，我没有选择juste 2，但是当我们选择不同的值时，可能会有十个选项和更改。

可以使用实际选项自动更新所有值吗？

Answer 1

我找到了解决方案。使用jQuery触发所有更改事件（不仅仅是选择输入）并创建updateModel（）。

例如

$('*').on('change', function(){ setTimeout(function(){ ractive.updateModel(); }, 0); });

Answer 2

您可以使用ractive.observe执行相同的操作：

var ractive = new Ractive({
  el: 'container',
  template: '#template',
});

ractive.observe('*', function(){ 
  setTimeout(function(){ ractive.updateModel(); })
});

http://plnkr.co/edit/t4CZRa6FWIdmMQhLqAKo?p=preview

有关使用关键路径和通配符来定制观察的详细信息，请参阅http://docs.ractivejs.org/latest/observers。