Knockout + customBinding no está actualizando

Question

Tengo una pregunta rápida sobre CustomBindings, espero que algunos me ayuden a explicarme? Pensé que cuando se actualiza un observable, cualquier unión personalizada que esté vinculada a ese observable tendría su método de "actualización" llamado. Puedo ver que cuando actualizo mi observable que otros suscriptores están siendo notificados, no parece que se llame al CustomBinding.

Aquí es mi modelo de vista:

var innerModel = { 
    name: ko.observable('junk') 
}; 

var innerModel2 = { 
    name: ko.observable('junk2') 
}; 

var viewModel = { 
    im1: innerModel, 
    im2: innerModel2, 
    selectedModel: ko.observable({name:'xxx'}) 
}; 

y aquí está mi customBinding:

ko.bindingHandlers.custom = { 
    update: function(element, valueAccessor) { 
     console.log("BAM!"); 
     while (element.firstChild) 
      ko.removeNode(element.firstChild); 

     ko.renderTemplate('test', valueAccessor(), {}, element, 'replaceNode'); 

    } 
}; 

donde mi plantilla es simplemente un lapso que muestra el campo "Nombre":

<script id='test' type='text/html' charset='utf-8'> 
<span data-bind='text: name'></span> 
</script> 

Aquí está el código HTML que uso con el enlace personalizado:

<div id="container" data-bind="with: viewModel"> 
    <div data-bind="custom: selectedModel"> 
    </div> 
</div> 

Cuando actualizo selectedModel a cualquiera de los dos innerModels, se muestra el nombre correcto, pero no se está llamando a la función de 'actualización' del CustomBinding. Tengo un suscriptor independiente a la "selectedModel" observables:

viewModel.selectedModel.subscribe(function(newValue) { 
    console.log(newValue.name()); 
}); 

y que se llama cuando se cambia el selectedModel, ¿por qué no es actualización del customBinding siendo llamado?

Aquí es una jsFiddle que muestra el problema: http://jsfiddle.net/gperng/twAcJ/

se agradecería cualquier ayuda!

Answer 1

Su uso de with es incorrecto en este caso. Si se utiliza este, que funcionará como se espera:

<div id="container" data-bind="with: selectedModel"> 
    <div data-bind="custom: $data"> 
    </div> 
</div> 

Esto se debe en su ejemplo la unión custom no está en la selectedModel, pero sobre todo el propio modelo de vista, que no cambia.

Aquí está la jsFiddle de ella: http://jsfiddle.net/soniiic/twAcJ/7/

Answer 2

Es necesario llamar a la siguiente función para hacer que funcione:

var valueUnwrapped = ko.utils.unwrapObservable(valueAccessor()) 

Prueba este violín para más: http://jsfiddle.net/twAcJ/13/