使用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 。