使用foreach迭代Knockout.JS中的前5个元素

时间:2014-05-28 18:32:55

标签: knockout.js

我可以使用此代码遍历所有元素

<!-- ko foreach: tweets -->
        <input  style="width: 200px" data-bind="value: tweet"/>
        <a  class="btn btn-primary" data-bind="click: $parent.queueSubmit" >
            Send
        </a>
        <a class="btn btn-danger" data-bind = "click: $parent.removeTweet" >
            Delete
        </a>

       </br>

     <!-- /ko -->

如何更改它以限制它只显示前5条推文?无法找到相关文档。

1 个答案:

答案 0 :(得分:1)

执行tweets.slice(0, 5)将为您提供前五个。

您可以考虑在视图模型中将其放入计算中,如:

this.numberToShow = 5;

this.tweetsFiltered = ko.computed(function() {
    return tweets.slice(0, this.numberToShow);
}, this);