if-statement - knockout 数组中的 if 语句

Question

我尝试使用计数变量一次加载一个 25 项的 knockout 可观察数组。这个想法是，当您单击一个按钮时，您会在列表中获得另外 25 个项目。听起来很简单，但我对 knockout 毫无用处。

我尝试调用 $root.getCount 和 $parent.getCount 并将 getCount 作为值放入我的 ListView div 中，但没有任何效果。我可能想多了。我想要做的就是将一个命名变量放入 $getCount 所在的 if 语句中。帮助会很棒。

<div class="list-view" >
    <ul data-bind="foreach: myBigList" class="shop_list">
        <!-- ko if: $index() < $getCount -->
            <li class="list_row">

            </li>
        <!-- /ko -->
    </ul>
</div>

这是我的 View 模型

 $(function () {
    var viewModel = {
        count: ko.observable(25),
        getCount: function () {
            return count;
        },
        updateCount: function () {
            count+=count;
        },
    };
    ko.applyBindings(viewModel);
})

Answer 1

我不确定我是否理解您真正想要实现的目标，但我假设您已经有了一个大列表，其中包含要以 25 个为一组显示的项目。您可以使用 visible 来实现绑定(bind):

<div class="list-view" >
    <ul data-bind="foreach: myBigList" class="shop_list">
        <li class="list_row" data-bind="visible: $index() < $parent.count()">

        </li>
    </ul>
</div>

由于计数是可观察的，要更新它的值，您需要这样做:

$(function () {
    function ViewModel() {
        this.count = ko.observable(25);
        this.updateCount = function () {
            var newCount = this.count() + 25;
            this.count(newCount);
        };
    }
    ko.applyBindings(new ViewModel());
})