淘汰賽js：foreach綁定添加靜態元素

Question

我想爲可觀察列表做一些分頁。我使用bootstrap進行樣式設置，並在其documentation中使用未排序列表顯示頁面的鏈接。

讓我們假設我們在視圖下面的代碼：

<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>