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

Question

我遇到了使用Knockout和Knockout-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