JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – 敲定’绑定’大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
原始问题

有没有人知道或者知道一个绑定的敲门,这将允许类似于for循环的行为?我可以做一个foreach做我想要的,但如果我不必这样做,这将是很好.

编辑2

我正在根据用户所做的选择来创建表行.在某些情况下,我需要x行,其中x是数组的长度,其他x代表显示n个数组所需的最大行数.

例如: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次创建行.我是开放的建议.注意在我刚刚发布这个问题的时候,我已经修改了这个代码,现在只有一个与我最初的问题相关的事情.

解决方法

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

大佬总结

以上是大佬教程为你收集整理的javascript – 敲定’绑定’全部内容,希望文章能够帮你解决javascript – 敲定’绑定’所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。