knockout.js - 淘汰赛 js：foreach 绑定添加一个静态元素

Question

我想为 observables 列表做一些分页。我使用引导程序进行样式设置，在他们的文档中，他们使用未排序的列表来显示页面的链接。

假设我们在视图中有以下代码：

<ul class="pagination" data-bind="foreach : ko.utils.range(1, 10)">
    <li><a href="#" data-bind="text : $data"></a></li>
</ul>

此代码将显示：

<ul class="pagination">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    ...
    <li><a href="#">10</a></li>
</ul>

问题：如何通过淘汰赛<li>在未排序列表的顶部和底部添加将链接到上一页和下一页的静态？这必须是显示的 html：

<ul class="pagination">
    <li><a href="#">previous</a></li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    ...
    <li><a href="#">10</a></li>
    <li><a href="#">next</a></li>
</ul> 

谢谢你。

Answer 1

您可以使用以下语法..

<ul class="pagination">
    <li><a href="#">previous</a></li>
    <!-- ko foreach : ko.utils.range(1, 10) -->
    <li><a href="#" data-bind="text : $data"></a></li>
    <!-- /ko -->
    <li><a href="#">next</a></li>
</ul>