knockout js: foreach binding aggiungendo un elemento statico

Question

Voglio fare un po 'di cercapersone per un elenco di osservabili. Io uso bootstrap per lo stile e nel loro documentation usano liste non ordinate per visualizzare i collegamenti per le pagine.

Supponiamo di avere il seguente codice nella visualizzazione:

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

Questo codice mostrerà questo:

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

La domanda: Come con eliminazione diretta posso aggiungere statica <li> al in alto e in basso nell'elenco non ordinato che collegherà alle pagine precedenti e successive? Questo deve essere il codice HTML visualizzato:

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

Grazie.

Answer 1

è possibile utilizzare la sintassi di seguito ..

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