javascript - 在 knockout.js 中遍历 ko.computed 时如何访问 foreach 的索引

Question

我正在使用 knockout.js 在客户端构建一个分页列表，我正在尝试使用以下代码输出页面索引，以便我获得带有数字的可点击链接，以便人们可以切换页面。

<ul data-bind="foreach:Paging">
 <li>
<a href="#" data-bind="click: $root.SetCurrentPage(), text: WHATTOWRITEHERE "></a>
</li>
 </ul>

在我的 View 模型中

this.Paging = ko.computed(function () 
{
  return ko.utils.range(1, this.TotalPages);
});

一切正常，只尝试了 outputtung text:test 并为每个页面编写测试，但我想要数字。因此，最简单的方法当然是在 foreach 和 + 1 中访问当前索引。

我怎样才能做到这一点？

Answer 1

问题可能出在您计算的劫数上。您没有将它绑定(bind)到 this。所以不是:

this.Paging = ko.computed(function ()   
{  
  return ko.utils.range(1, this.TotalPages);  
}); 

..尝试...

this.Paging = ko.computed(function ()  
{ 
  return ko.utils.range(1, this.TotalPages); 
}, this); 

然后您可以尝试 ColinE 建议的 text: this