in_groups_ofで索引付けする方法を示します。

Question

私は、in_groups_ofを使用して3の行を作成するビューでピクチャを表示しています。しかし、最初の行の最初の項目とは異なる処理を行う必要があります。このアイテムをどのようにターゲットに設定できますか？

<% images.in_groups_of(3) do |row| %> 
    <div class="row"> 
    <% row.each_with_index do |image, index| %> 
     <div class="item-wrapper"> 
     <% if image %> 
      <a class="flex-item" <img class="photo" src="<%= image.picture.medium.url %>" alt="" /></a> 
     <% end %> 
     </div> 
    <% end %> 
    </div> 
<% end %> 

最初の行の最初の写真以外のすべてのアンカータグの下にこのコードを追加します。

<% if user.eql?(current_user) %> 
    <button class="btn btn-xs btn-danger delete-image" data-id="<%= image.id %>"> 
    <i class="fa fa-trash-o fa-lg"></i> 
    </button>    
<% end %> 

Answer 1

現在の行のインデックスを取得するには、この試してみてください。今、あなただけのrow_indexまたはindexどちらがゼロであることを確認してから、希望のコードを印刷することができ

<% images.in_groups_of(3).each_with_index do |row, row_index| %> 

を。