ruby-on-rails - Twitter Bootstrap Carousel で最初のアイテムのクラスをアクティブにする

Question

Twitterのカルーセルを適切に機能させるのに苦労しています:

最初の .item div に .active クラスを追加したいと思います。

  .carousel-inner
    - @photos.each do |photo, index|
      .item{ class: "#{ "active" if index == 0 }"}
        = image_tag(photo.image_url, class: "carousel-photo")

ループの最初の要素に .active クラスを追加しないため、これは機能しません。.active クラスをループの最初の要素にのみ追加するにはどうすればよいですか?

Answer 1

答えを得ました：

ここでは.each_with_indexメソッドを使用する必要があります。

  .carousel-inner
    - @photos.each_with_index do |photo, index|
      .item{ class: "#{ "active" if index == 0 }"}
        = image_tag(photo.image_url, class: "carousel-photo")

Answer 2

私は同様に気にしましたが、代わりに次のようにしました：

 <% @user.user_images.each_with_index do |info, index| %>
    <div class="item
    <% if index == 0 %>
       active
    <% end %>

    ">