javascript - data - knockout js for

Knockout ''para'' atar?

Question

Pregunta original

¿Alguien tiene o sabe de un enlace para knockout que permitiría un comportamiento similar a un bucle for? Puedo hacer un foreach para hacer lo que quiero, pero estaría bien si no tuviera que hacerlo de esa manera.

Editar 2

Estoy tratando de crear filas de tabla en función de una selección que hace el usuario. En algunos casos, necesito x filas donde x es la longitud de una matriz, otras veces x representa la mayor cantidad de filas que se necesitarán para mostrar n matrices.

Ejemplo: image1 se basa en 4 matrices diferentes, todas las cuales varían en tamaño. Image2 se construye a partir de la misma matriz y se duplica en este caso.

<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>

Lo anterior funciona bien y crea lo que quiero, pero no me gusta tener que convertir selectedTab.runners de un número en una matriz vacía solo para hacer que se repita n veces para crear las filas. Estoy abierto a sugerencias. Nota: Desde el momento en que publiqué esta pregunta, originalmente he revisado este código considerablemente y ahora solo tengo una ocurrencia relacionada con mi pregunta inicial.

Answer 1

Puedes hacer algo como esto:

<div data-bind="foreach: [0,0,0,0,0]">
<span data-bind="text: $index"></span>
</div>

Y obtendrás los elementos 0-4.

Pero, como dijo Chris en los comentarios, esto parece extraño. Cuéntanos qué intentas hacer y te indicaremos la dirección correcta.

Answer 2

Mi enlace de repetición hace exactamente esto.

<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>

Answer 3

Puede crear un objeto Array:

 <!-- ko foreach: new Array(the_length_you_need) -->
<span>&#9733;</span>
<!-- /ko -->

Esto imprimirá una estrella por el_length_you_need veces