Knockout js foreach将大数据绑定到逐行模板

我有一个像下面的数据绑定使用knockout和bootstrap css。 我有这个学位编码jSON，让我们说40项。 但在UI方面我只想在每个

第五个应该创建一个新的

并在那里添加内容。 所以如果它正常工作它会有10个

并且每个都有4个项目

我该怎么做这样的模板？ 当它到达n mod 4 = 0时它添加一个新的div类行，其中n是来自jsonview的当前项被绑定？ 如果有帮助，我可以添加父div

 
 > 
 

如果它正常工作它会呈现像……

  
  Degree1  Degree2  Degree3  Degree4 
 
  Degree5  Degree6  Degree7  Degree8 
 

Answer 1

我创建了一个只从原始数组中返回一个4元素子数组的数组，然后使用两个嵌套的foreach循环; 外部的一个可能是一个无容器绑定循环计算数组，内部类似于你现在正在做的，循环遍历每个4数组。

就像是：

 vm.byFour=ko.computed(function() { var source=ko.unwrap(vm.degreeCodes); var result=[]; for (var i=0; i 

...

  
 > 
  

Answer 2

Knockout的foreach绑定不够复杂，无法处理这个问题。 您需要细分数据，以便基本上只有四个项目的arrays数组。 然后你可以做一个嵌套的foreach循环遍历它们。