javascript - ng-if 和 $index 相差 1

Question

我正在尝试显示一个时间表，并且我想在一周内的每组比赛之后创建一个休息时间。例如，我想要一个 <hr>在第一周的前五场比赛之后。然后在第二周的五场比赛之后再次进行。我现在所拥有的包括前六场比赛，然后是之后的每五场比赛。为什么？每五次之后我需要做什么才能休息？

注意:作为一项额外的增强功能，当周发生变化时最好进行休息，而不仅仅是假设每周有五场比赛。如果有人也有办法解决这个问题，那就太好了。

如下所示，显示了前六场比赛，其中错误地包括了第二周的第一场比赛。

这是在我的 HTML 中:

<div ng-repeat="match in state.eastSchedule.Matches">
        <div class="row">
            <div class="col-xs-1 text-center">{{match.WeekNumber}}</div>
            <div class="col-xs-2">{{match.AwayPlayer}}</div>
            <div class="col-xs-2">{{match.HomePlayer}}</div>
            <div class="col-xs-2">{{match.Score}}</div>
        </div>
        <hr ng-if="$index > 0 && $index % 5 == 0" style="border-color:black;" />
    </div>

我还尝试删除有关仅使用索引> 0的部分，但是在第一场比赛后我得到了休息，然后每五场比赛就休息一次。

<hr ng-if="$index > 0 && $index % 5 == 0" style="border-color:black;" />

Answer 1

HTML 的结构使得 <div class="row">出现在 <hr> 之前标签。

因此，在循环的第 6 次迭代中(第二周，当 $index 为 5 时)，它会打印 <div class="row">对于第二周的第一项，则 <hr> .

要修复，您可以移动 <hr>标记，使其位于 <div class="row"> 上方.