[RUBY] Mémo de développement ~ Je souhaite afficher uniquement la première image publiée plusieurs fois ~

introduction

Lorsque plusieurs images étaient publiées en même temps, je devais concevoir une description pour afficher les images. Je publierai l'article sous forme de mémo afin de ne pas oublier le contenu.

Chose que tu veux faire

** Je souhaite afficher celle avec le numéro d'index le plus bas de plusieurs photos publiées sur l'écran d'index **

La description

Nom de fichier.html.haml

section.fifth-headline
  %h2.titre Catégorie de ramassage
  .contentsbox
    .contents-title
      %h3.rubrique Produit nouvellement publié
    .contents-lists
      .contents-list
        - @newProducts.each do |product|
          =link_to "#" do
            .contents-list__itmes
              .contents-list--item
                = link_to product_path(product), class: "listBtn" do
                  %figure.product__images
                    = image_tag product.images[0].name.url, alt: "image_url",size: "200x150", class:"new-img"
              .contents-list--inner
                %h3.name  
                  = product.name
                .data
                  %ul
                    %li 
                      = product.price
Cercle
                    %li
                      %i.fa.fa-star.likeIcon 0
                  %p (taxe inclu)
      

home_controller

def index
    @newProducts = Product.includes(:images).where(status: 0).order("RAND()")
     ~réduction~
  end

point

Si vous avez publié plusieurs images et souhaitez n'afficher que la première, vous pouvez obtenir le numéro d'index [0] en écrivant comme suit.

= image_tag product.images[0].name.url, alt: "image_url",size: "200x150", class:"new-img"

De plus, dans ce cas, vous devez définir le fichier à appeler par l'action d'index. Par conséquent, **. Où (statut: 0) ** est défini et affecté à la variable d'instance.

@newProducts = Product.includes(:images).where(status: 0).order("RAND()")

Je pense que cela fonctionnera!

À la fin

Cette fois, «je peux écrire comme ça! J'ai réfléchi et j'ai écrit un article! J'étudie toujours, donc si vous trouvez quelque chose qui ne va pas, veuillez commenter!

Merci beaucoup!