¿La vinculación de "si" no funciona con la expresión en una lista ordenable?

Question

Acabo de encontrarme con otro problema con mi lista ordenable de tareas pendientes hecha con el complemento Knockout and Knockout-sortable.

Necesito poner un delimitador rojo debajo del elemento colocado en la hora actual y cancelar la ordenación si un elemento cae antes de ese delimitador.

He intentado con un enlace "visible" y funciona de alguna manera, pero el enlace visibile solo oculta el elemento DOM y arruina el índice de matriz ordenable, añadiéndole un elemento innecesario.

<div class="delimiter" data-bind="visible: time() == $root.limit()"></div> 

El "si" vinculante sería mejor porque insertar elemento DOM sólo si es necesario, pero la expresión que se utiliza con visibles siempre se evalúa a verdadero y no puedo entender por qué ...

<div class="delimiter" data-bind="if: time() == $root.limit()"></div> 

Aquí es el violín: http://jsfiddle.net/ingro/VaqqF/

se aprecia Cualquier ayuda, gracias!

Answer 1

Simplemente ha malinterpretado el if-binding: elimina el contenido del nodo al que se ha aplicado, no el nodo en sí. Si desea eliminar un nodo sin crear una envoltura alrededor de ella (que se puede utilizar para agregar la unión), existe también el comentario de una versión del caso vinculante, llamada la sintaxis de flujo de control sin contenedor:

<!-- ko if: time() == $root.limit() --> 
    <div class="delimiter"></div> 
<!-- /ko --> 

http://jsfiddle.net/VaqqF/11/

Ref: http://knockoutjs.com/documentation/if-binding.html