如何将数据循环到 rails 中的不同 div
how to loop data to different div in rails
- 如果我们在数据库中有4条数据记录,Big Box & Small Box循环将生成其数据的4倍。
- 那么如何为 Big Box div 生成数据(仅第一条记录),其余的(还剩 3 个)转到 Small Box div(没有第一条记录)。
查看
<div class="row">
<% @firstbox.each do |first| %>
<div class="col-md-6">
Big Box <%= first.title %>
</div>
<% end %>
<div class="col-md-6">
<div class="row">
<% @firstbox.each do |second| %>
<div class="col-md-3">Small Box <%= second.title %></div>
<!--
<div class="col-md-3">Small Box <%= second.title %></div>
<div class="col-md-3">Small Box <%= second.title %></div>
<div class="col-md-3">Small Box <%= second.title %></div>
-->
<% end %>
</div>
</div>
</div>
您可以使用 Array#shift 获取数组的第一个元素
<div class="row">
<div class="col-md-6">
Big Box <%= @firstbox.shift.title %>
</div>
<div class="col-md-6">
<div class="row">
<% @firstbox.each do |other| %>
<div class="col-md-3">Small Box <%= other.title %></div>
<% end %>
</div>
</div>
</div>
- 如果我们在数据库中有4条数据记录,Big Box & Small Box循环将生成其数据的4倍。
- 那么如何为 Big Box div 生成数据(仅第一条记录),其余的(还剩 3 个)转到 Small Box div(没有第一条记录)。
查看
<div class="row">
<% @firstbox.each do |first| %>
<div class="col-md-6">
Big Box <%= first.title %>
</div>
<% end %>
<div class="col-md-6">
<div class="row">
<% @firstbox.each do |second| %>
<div class="col-md-3">Small Box <%= second.title %></div>
<!--
<div class="col-md-3">Small Box <%= second.title %></div>
<div class="col-md-3">Small Box <%= second.title %></div>
<div class="col-md-3">Small Box <%= second.title %></div>
-->
<% end %>
</div>
</div>
</div>
您可以使用 Array#shift 获取数组的第一个元素
<div class="row">
<div class="col-md-6">
Big Box <%= @firstbox.shift.title %>
</div>
<div class="col-md-6">
<div class="row">
<% @firstbox.each do |other| %>
<div class="col-md-3">Small Box <%= other.title %></div>
<% end %>
</div>
</div>
</div>