Dynamisch gebundene Elemente mit applyBindingsToNode, die nicht auf Änderungen reagieren

Question

In diesem Beispiel habe ich eine dynamisch gebundene Eingabe und div an die gleiche Eigenschaft. Beim Ändern von Text in der Eingabe werden Änderungen jedoch nicht im div-Element wiedergegeben.

http://jsfiddle.net/rpuri/Bcps5/

ko.applyBindingsToNode(document.getElementById('input-health'), { 
    value: vm.status(), 
    valueUpdate: 'afterkeydown' 
}); 

deklarative Bindung ist für mich keine Option, da ich auf gemeinsam genutzte Elemente in Teilansichten (ASP.NET MVC) binden müssen.

Dank

Answer 1

Sie auf den Wert der beobachtbaren verbindlich sind anstelle des beobachtbaren selbst.

Versuchen:

ko.applyBindingsToNode(document.getElementById('health'), { 
    text: vm.status, // <- not invoking status, binding to the observable itself. 
    valueUpdate: 'keydown' 
}); 

ko.applyBindingsToNode(document.getElementById('input-health'), { 
    value: vm.status, 
    valueUpdate: 'keydown' 
}); 

http://jsfiddle.net/hwQsm/

Answer 2

Ich benutzte den Vorprozess Funktion (Knockout 3).

<input type="text" data-bind="value: LastName, vuClass: 'text'" /> 

---

ko.bindingHandlers.vuClass = { 
    preprocess: function (value, name, addBindingCallback) { 
     if (value == "'text'") { 
      addBindingCallback('valueUpdate', "['afterkeydown', 'blur']"); 
     } 

     // ... 
     // Check other values. 
     // ... 

     return value; 
    } 
};