javascript - 使用 RactiveJS 自动检测 DOM 的变化

Question

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

例如一点 plunkr => http://plnkr.co/edit/eONFQFLl6d2g7gdVcfM6?p=preview

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

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

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了解有关使用键路径和通配符来定制观察的更多信息。