Knockout.js knockout js:foreach绑定添加静态元素
我想对可观察对象列表进行分页。我使用bootstrap进行样式设置,在它们的样式中,它们使用未排序的列表来显示页面的链接 假设视图中有以下代码:Knockout.js knockout js:foreach绑定添加静态元素,knockout.js,Knockout.js,我想对可观察对象列表进行分页。我使用bootstrap进行样式设置,在它们的样式中,它们使用未排序的列表来显示页面的链接 假设视图中有以下代码: <ul class="pagination" data-bind="foreach : ko.utils.range(1, 10)"> <li><a href="#" data-bind="text : $data"></a></li> </ul> 此代码将显示以
<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>
...
问题:如何使用knockout在链接到上一页和下一页的未排序列表的顶部和底部添加静态
?这必须是显示的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>
...
谢谢。您可以使用以下语法
<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>