原始问题
是否有任何人拥有或知道敲除的绑定会允许类似于for循环的行为?我可以让foreach做我想做的事情,但如果我没有这样做就会很好。
修改2
我正在尝试根据用户的选择创建表行。在某些情况下,我需要x行,其中x是数组的长度,其他x代表显示n个数组所需的最大行数。
Ex:image1基于4个不同的阵列构建,所有阵列的大小各不相同 image2是从同一个数组构建的,在这种情况下加倍。
<div data-bind="if: selectedTab()">
<table>
<thead>
<tr>
<td>
<div class="a-i-post-All"></div>
</td>
<!-- ko foreach:$root.selectedTab().races-->
<td>
<input type="checkbox" />
</td>
<!-- /ko -->
</tr>
</thead>
<tbody data-bind="foreach: selectedTab().runners"> // <-- This is an empty array created by the max number of Runners in the selectedTabs array of Races
<tr>
<td>
<div class="a-i-post"></div>
</td>
<!-- ko foreach:$root.selectedTab().races-->
<td>
<!-- ko if: Runners.length > $parentContext.$index()-->
<input type="checkbox" />
<!-- /ko -->
</td>
<!-- /ko -->
</tr>
</tbody>
以上工作正常并创建我想要的,但我不喜欢必须将selectedTab.runners从一个数字转换为一个空数组,只是为了让它循环n次来创建行。我愿意接受建议。 注意当我最初发布此问题时,我已经对此代码进行了相当大的修改,现在只涉及与我的初始问题相关的一个问题。
答案 0 :(得分:13)
我的Repeat绑定就是这样做的。
<tbody>
<tr data-bind="repeat: { foreach: selectedTab().runners, index: '$runner' }">
<td>
<div class="a-i-post"></div>
</td>
<td data-bind="repeat: selectedTab().races">
<!-- ko if: $item().Runners.length > $runner -->
<input type="checkbox" />
<!-- /ko -->
</td>
</tr>
</tbody>
答案 1 :(得分:5)
您可以创建一个Array对象:
<!-- ko foreach: new Array(the_length_you_need) -->
<span>★</span>
<!-- /ko -->
这将为 the_length_you_need 次打印一颗星
答案 2 :(得分:4)
您可以这样做:
<div data-bind="foreach: [0,0,0,0,0]">
<span data-bind="text: $index"></span>
</div>
你会得到0-4元素。
但是,正如克里斯在评论中所说,这似乎很奇怪。告诉我们你要做什么,我们会指出你正确的方向。