3

这必须是唯一的：p

我在 symfony2 中使用树枝。我用引导流体布局来设计它。看哪，我正在用淘汰赛循环数据，连续 4 个（span3）（每 5 个将换行）。但我不知道如何识别每 4 次迭代。

<div class="row-fluid">
    <div class="structureWhite clearfix" data-bind="foreach: stores">
        <div class="span3">
            <h5 data-bind="text: name"></h5>
            <p data-bind="text: address"></p>
            <p data-bind="text: contact"></p>
        </div>
    </div>
</div>

所以我要么需要<div class="row-fluid"></div>在每 4 次迭代之后放置，要么每 5 次删除一次。问题是 bootstrap 没有给出第一个 span3 边距，但其余的都得到 margin-left: 2.12766%。这意味着第 5 个 span3 （第二行的第一个）不符合要求。

因此，要么我必须将其拆分为流体行，要么删除第 5 个元素（或每 4 个元素之后）的填充，或者向第一个元素添加（尽管它会响应如此可变）边距。任何建议表示赞赏。

4

1 回答 1

3

KO 2.1 现在包含一个$index上下文变量，您可以访问该变量foreach以获取当前项目的索引。

它是一个可观察的，所以如果你在表达式中使用它，你需要像这样使用它：

<!-- ko if: $index() % 4 === 3 -->
<div>some element</div>
<! /ko -->
于 2012-05-24T13:28:33.487 回答