Kann cleanNode() verwendet werden, um die Bindung zu bereinigen?

Question

Mit dem unteren Code wird die Eingabe # p_in mit der Änderung der Eingabe # s_in aktualisiert. Aber ich habe cleanNode (sec) benutzt. Kann jemand helfen zu verstehen, warum die Bindung nicht geklärt ist?

<input id="p_in" data-bind="value: name"></input> 
    <input id="s_in" data-bind="value: name"></input> 
    <input id="cb" type="checkbox">same</input> 

    <script type="text/javascript"> 
     function AddrDataSet (name) { 
      this.name = ko.observable(name); 
     }; 

     var primary_set = new AddrDataSet('p'); 
     var sec_set = new AddrDataSet('s'); 
     var pri = $('#p_in')[0]; 
     var sec = $('#s_in')[0]; 

     ko.applyBindings(primary_set, pri); 
     ko.applyBindings(sec_set, sec); 

     ko.cleanNode(sec); // clean it 
     ko.applyBindings(primary_set, sec); // bind it to primary_set 
     ko.cleanNode(sec); // clean it again 

    </script> 

Answer 1

ko.cleanNode wird intern von Knockout verwendet, um Daten/Berechnungen zu bereinigen, die im Zusammenhang mit dem Element erstellt wurden. Es entfernt keine Ereignisbehandlungsroutinen, die durch Bindungen hinzugefügt werden, oder sie verstehen notwendigerweise, ob eine Bindung Änderungen am DOM vorgenommen hat. Dies kann auf jeden Fall zu Problemen führen, wenn mehrere Handler an ein Element angehängt werden, wenn es anschließend erneut gebunden wird.

Also, ich würde nicht empfehlen, dieses Muster zu verwenden. Ein besseres Muster besteht darin, with oder die template Bindung um einen Abschnitt herum zu verwenden und es mit den neuen Bindungen neu zu rendern.

Answer 2

muss zugeben, ich bin ein wenig verwirrt, wie es works for me! Was siehst du und was erwartest du genau zu sehen?

Dieser Code zeigt zwei Eingänge mit der value p, was ich erwarten würde.