10

オブザーバブルのリストのページングを行いたいです。私はスタイリングにブートストラップを使用しており、ドキュメントではソートされていないリストを使用してページのリンクを表示しています。

ビューに次のコードがあるとします。

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

ありがとうございました。

4

1 に答える 1

29

以下の構文を使用できます。

<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>
于 2013-10-16T04:41:35.387 に答える