Each_with_index工作不正常

Question

我米使用轉盤來顯示圖像。我已經將這些圖像上傳到了雲端。但不知何故，它正在自我重複。 這裏是我的代碼

div id="myCarousel" class="carousel slide"> 
<div class="carousell-inner"> 
    <% @img.each_with_index do |i|%> 
    <% if i.gallery == "Art"%> 
     <div class="active item"> 
      <%= image_tag (i.image.url) %> 
     </div> 

     <% i.next%> <!-- For incrementing the i value but it is not working--> 
     <div class="item"> 
      <%= image_tag (i.image.url)%> 
     </div> 
    <%end%> 
    <%end%> 
    </div> 
</div> 

我想是在active item它應該顯示的圖像陣列的第一個網址，並在非活動項目（這會是以後有效）應具備的其他圖像。它不應該重複圖像。由於i的值沒有變化，因此它重複該圖像。

Answer 1

我開始明白你想要什麼:) 你可以讓你的邏輯很簡單，如果你分開你的數據。

<div id="myCarousel" class="carousel slide"> 
    <div class="carousell-inner"> 
    <% @img.keep_if{|i| i.gallery == "Art"}.each do |i|%> 
     <div class="active item"> 
      <%= image_tag (i.image.url) %> 
     </div> 
    <%end%> 

    <% @img.keep_if{|i| i.gallery != "Art"}.each do |i|%> 
     <div class="item"> 
      <%= image_tag (i.image.url)%> 
     </div> 
    <%end%> 
    </div> 
</div> 

並且更好地在控制器中準備數據，而不是在視圖中。

Answer 2

香港專業教育學院發現，通過做手工的答案。首先在控制器中我找到了這個代碼所有屬於Art Gallery的圖像。

@image = Image.find_all_by_gallery("Art") 

現在來顯示陣列@image的第一個元素，我們可以使用簡單地@image.first，然後我們可以調用該陣列的該第一元件在轉盤的活動項目。那麼對於item部分基本的東西要了解的是，如果我們直接調用並顯示陣列中的所有元素，則數組的第一個元素也將在這部分顯示。所以重複會發生。爲了避免這種情況，我們可以這樣做：

i = @image.count 
@image[1..i] 

，使得第一元素不會在轉盤的'項目」的一部分重複。 希望它可以幫助別人。感謝您給予時間。

Answer 3

我首先想到的你所需要each_with_index，但實際上，你只從Art圖庫圖片感興趣，沒有告訴如果第一圖像實際上是一個Art的形象，所以我嘗試如下：

<div id="myCarousel" class="carousel slide"> 
    <div class="carousell-inner"> 
    <% art_images_counter = 0 %> 
    <% @img.each do |image|%> 
     <% if image.gallery == "Art" %> 
     <% if art_images_counter == 0 %> 
      <div class="active item"> 
      <%= image_tag (image.image.url) %> 
      </div> 
     <% else %> 
      <div class="item"> 
      <%= image_tag (image.image.url)%> 
      </div> 
     <% end %> 
     <% art_images_counter += 1 %> 
     <%end%> 
    <%end%> 
    </div> 
</div> 

希望這可以幫助。