knockout js: foreach ràng buộc thêm một phần tử tĩnh

Question

Tôi muốn làm một số phân trang cho một danh sách các quan sát. Tôi sử dụng bootstrap cho phong cách, và trong documentation họ sử dụng danh sách chưa được phân loại để hiển thị các liên kết cho các trang.

Giả sử chúng ta có đoạn mã sau trong giao diện:

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

Mã này sẽ hiển thị này:

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

Câu hỏi đặt ra: Làm thế nào với loại trực tiếp tôi có thể thêm tĩnh <li> tại đầu và cuối danh sách chưa được sắp xếp sẽ liên kết đến các trang trước và trang tiếp theo? Đây phải là html được hiển thị:

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

Cảm ơn bạn.

Answer 1

bạn có thể sử dụng dưới cú pháp ..

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