"for loop" for knockoutjs

Question

我有一个页面，其中包含许多项目(observablearray(，因此我创建了一个分页系统。(嗯，不是创造自己，而是从这里复制了如何用淘汰赛来处理分页;(

(

我想显示每个页面的单个按钮。类似：

<  1 2 3 4  >

我有" TotalPages"属性，但是如何在前端使用它？

我如何循环循环敲除int可变量并创建与同一int的函数的链接？

我希望这样的事情：

<ul data-bind="foreach: totalPages">
    <li><a href="#" data-bind="text: $index, click: pageNumber($index)"></li>
</ul>

但这不起作用。

Answer 1

您可以使用Array.from()创建一个空数组并在foreach中使用它。为click功能添加包装器，以使$index() + 1作为参数：

const viewModel = {
  totalPages: ko.observable(4),
  pageNumber: n => console.log(n)
}
ko.applyBindings(viewModel)

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<ul data-bind="foreach: Array.from({ length: totalPages() })">
    <li>
      <a href="#" data-bind="text: $index() + 1, click: () => $parent.pageNumber($index() + 1)"></a>
    </li>
</ul>