javascript - 淘汰赛是否会在已移除的虚拟元素内重新评估

Question

我当前的模板如下所示：

<!-- ko 'if': condition -->
    <ul data-bind="foreach: items">
        ...
    </ul>
<!-- /ko -->

<!-- ko ifnot: condition -->
    <ul data-bind="foreach: items">
        ...
    </ul>
<!-- /ko -->

将其更改为以下是否有意义

<ul data-bind="foreach: items">
    <!-- ko 'if': $parent.condition -->
        ...
    <!-- /ko -->

    <!-- ko ifnot: $parent.condition -->
        ...
    <!-- /ko -->
</ul>

我的实际用例是同时具有列表视图和网格视图 - 因为它们的 dom 不同，我不能只交换父ul块上的一些类。

我想知道哪种方法更好？

Answer 1

我认为您的原始方法可能更可取，因为评估每个项目的if和ifnot绑定的开销会更少（包括将子元素保存为“模板”）。