Schleife zeigt unerwünschte divs, wenn sie in durch Kategorien

Question

Ich bin mit dieser Schleife arbeitet mein gehen views/pages/index.html.erb

<div class="container-fluid"> 
    <div class="row"> 
    <% @products.each do |category, products| %> 
     <% products.each_with_index do |product, index| %> 
     <div class="col-lg-4 col-sm-6 col-xs-12 center-block"> 
      <% if index == 0 %> 
      <%= image_tag product.image.url(:medium), class: "img-responsive" %> 
      <div class="caption"> 
       <p><%= product.category.name %></p> 
      </div> 
      <% end %> 
     </div> 
     <% end %> 
    <% end %> 
    </div> 
</div> 

es funktioniert gut und tut, was es tun soll, welche eine Schleife durch die einzelnen Kategorien und präsentieren die letzte Bild zu jeder Kategorie hinzugefügt.

Aber das Problem ist, wenn ich Produkte hinzufügen und sie Kategorien in views/products/new.html.erb zuweisen die obige Schleife scheint extra leer in die Zeile hinzuzufügen. Ich verstehe nicht, warum es das tut ... kann mir jemand einen Hinweis geben, warum das passiert?

dies ist ein Screenshot, wie es in Google Entwickler-Tools

erscheint Wie Sie es vier leere unerwünschte divs in der Reihe zu sehen sind.

Answer 1

Ich bin nicht garantiert, aber ich denke if Zustand schafft Problem.

Zuerst überprüfen Sie durch Entfernen <% if index == 0 %> Zustand, wenn es funktioniert, machen Sie notwendige Änderungen in ihm.