knockout js: foreach binding ein statisches Element hinzufügen

Question

Ich möchte ein paar Paging für eine Liste von Observablen tun. Ich benutze Bootstrap für das Styling, und in ihrem documentation verwenden sie unsortierte Liste, um die Links für die Seiten anzuzeigen.

Nehmen wir an, wir den folgenden Code in der Ansicht haben:

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

Dieser Code wird dies angezeigt:

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

Die Frage: Wie mit Knockout kann ich hinzufügen, statische <li> bei der oben und unten in der unsortierten Liste, die zur vorherigen und zur nächsten Seite führt? Dies muss der angezeigte HTML-Code sein:

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

Vielen Dank.

Answer 1

Sie unter Syntax verwenden können ..

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