敲除"if"绑定不能与可排序列表中的表达式一起使用？

Question

我只是遇到了使用Knockout和Knockout-sortable插件制作的To-do-like sortable列表的另一个问题.

我需要在当前时间放置的元素下放置一个红色分隔符,如果在该分隔符之前删除了一个元素,则取消排序.

我尝试使用"可见"绑定并且它以某种方式工作,但是visibile绑定只是隐藏了DOM元素,它搞乱了可排序的arrayIndex,为它添加了不必要的元素.

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

"if"绑定会更好,因为它只在必要时插入DOM元素,但我用于visible的表达式总是被评估为true,我无法弄清楚为什么......

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

这是小提琴:http://jsfiddle.net/ingro/VaqqF/

任何帮助表示赞赏,谢谢!

Answer 1

你只是误解了if-binding:它删除了它所应用的节点的内容,而不是节点本身.如果要在不创建包装的情况下删除节点(可以用来添加绑定),还有if-binding的注释版本,称为无容器控制流语法:

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

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

参考:http://knockoutjs.com/documentation/if-binding.html