使用RactiveJS自动检测DOM的更改

Question

我正在使用RactiveJS制作大型表单，这些表单会自动更改字段的值。

例如一个小矮人=> http://plnkr.co/edit/eONFQFLl6d2g7gdVcfM6?p=preview

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

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

Answer 1

我找到了解决方案。 使用jQuery触发所有更改事件（而不仅仅是select输入），并创建一个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 。