Rails 3在循环内分配容器div

Question

假设我正在循环遍历一系列产品，我将如何在该循环中分配一个容器 div。例如我想要这样的输出：

<div class="page">
  <p>product1</p>
  <p>product2</p>
  <p>product3</p>
  <p>product4</p>
</div>
<div class="page">
  <p>product5</p>
  <p>product6</p>
  <p>product7</p>
  <p>product8</p>
</div>

我尝试过这样的事情：

<% @products.each_with_index do |product, index| %>
  <% if index%4 == 0 %>
    <div class="page">
  <%end%>
  <p><%= product.data %>
  <% if index%4 == 0 %>
    </div>>
  <%end%>
<% end %>

但正如预期的那样，它只会用容器围绕每 4 个产品。我在想我需要两个循环才能让它工作，但我怎样才能在不复制数据的情况下做到这一点？

编辑

当使用 each_with_index 的替代品时，有没有办法使用这种方法来跟踪索引？还有一些基于索引值设置的条件属性。

例如：

style=<%= index == 0 ? "top:5px;" : ""%>

Answer 1

<% @products.each_slice(4) do |slice| %>
  <div class="page">
    <% slice.each do |product| %>
      <p><%= product.data %></p>
    <% end %>
  </div>
<% end %>

Answer 2

另一种方法：

<% while group = @products.take 4 %>
  <div class="page">

  <% group.each do |product| %>
    <p><%= product.data %></p>
  <% end %>

  </div>
<% end %>

Answer 3

Rails 将数组分成大小相等的组的方法是ary.in_groups_of(number)

<% @products.in_groups_of(4, false) do |group| %>
  <div class="page">
    <% group.each do |product| %>
      <p><% product.data %></p>
    <% end %>
  </div>
<% end %>

Haml 好多了:)

- @products.in_groups_of(4, false) do |group|
  .page
    - group.each do |product|
      %p= product.data

您可以使用@products.index(product) 获得绝对产品索引或使用组索引

<% @products.in_groups_of(4, false).each_with_index do |group, group_index| %>

Answer 4

<div class="page">

<% @products.each_with_index do |product, index| %>
    <p><% product.data %></p>

    <% if index % 4 == 3 %>
        </div><div class="page">
    <% end %>
<% end %>

</div>

（编辑：忘记我的结束标签！）