indexメソッドの中で単数形の変数を定義する方法がわからない（一覧画面へのお気に入り機能の実装）

Question

前提・実現したいこと

ある施設検索サイトの「一覧画面」に、
ajaxでお気に入り機能を実装しようとしています。

すでに「詳細画面」には該当の機能が実装できており、
そこで利用した部分テンプレートをrender partialで呼び出すことで
上記を実現しようとしました。

発生している問題

「詳細画面」でお気に入り機能を実装した際
部分テンプレートで@nurseryという単数形の変数を利用している為、
「一覧画面」でも利用する為には@nurseryの変数を定義せねばならないかと考えました。
@nurseryを定義しないまま実装した結果、以下のエラーが出ていることからもそう思いました。

しかしながら、一覧画面はeach文で全施設を表示しているだけなので、
urlのクリックやフォームの送信のアクションがなく、
@nurseryを特定する為の構文の書き方が全く思いつかず、
困り果ててしまいました。

以下に関連するコードを記載します。
もし、私が考えている実現方法以外でも、
事態を奪回するヒントがお判りになる方がいらっしゃれば、
アドバイスいただけないでしょうかm_ _m

お気に入り機能に関するソースコード
<likes/_like.html.erb>

 <% if user_signed_in? %>
      <% like = current_user.likes.find_by(nursery_id: @nursery.id) %>
      <% if like.present? %>
         <%= link_to "/nurseries/#{@nursery.id}/likes/#{like.id}", method: :delete, remote: true do %>
         <i class="fa fa-minus unlike-btn">お気に入りから外す</i><br>
         <% end %>
      <% else %>
        <%= link_to "/nurseries/#{@nursery.id}/likes", method: :post, remote: true do %>
        <i class="fa fa-star like-btn">お気に入り登録</i><br>
        <% end %>
      <% end %>
    <% else %>
        <i class="fa fa-star like-btn">お気に入り登録</i><br>
    <% end %>

<likes_controller.rb>

def create
    @nursery= Nursery.find(params[:nurseries_id])
    @like = Like.create(user_id: current_user.id, nursery_id: params[:nurseries_id])
  end

  def destroy
    @nursery = Nursery.find(params[:nurseries_id])
    like = Like.find_by(user_id: current_user.id, nursery_id: params[:nurseries_id])
    like.destroy
  end

<create.js.erb>

$("#like-of-<%= @nursery.id %>").html("<%= j(render partial: 'like', locals: { nursery: @nursery}) %>");

以下が一覧画面に関連するソースコードです
<nurseries_controller>

  def index
    @nurseries = Nursery.all
  end
 
　#詳細画面のソースは参考までに記載しました。
  def show
    @nursery = Nursery.find(params[:id])
  end

<index.html.erb>

 <% @nurseries.each do|nursery| %>
施設名<%= link_to nursery.title, nurseries_path(nursery.id), method: :get%></br>
住所<%= nursery.address %></br>
最寄駅<%= nursery.station.station %></br>
電話番号<%= nursery.tel %></br>
定員数<%= nursery.capacity %></br>
<span id="like-of-<%= nursery.id %>">
  <%= render partial: "likes/like"%>
</span></br>
<% end %>
<%= paginate(@nurseries) %>

<show.html.erb>
※こちらは問題なく動いています

<table>
    <tbody>
        <tr><th>施設名</th><td><%= @nursery.title %></td></tr>
        <tr><th>住所</th><td><%= @nursery.address %></td></tr>
    </tbody>
</table>

<span id="like-of-<%= @nursery.id %>">
  <%= render partial: "likes/like" %>
</span>

Answer 1

もしも_like.html.erbを再利用したいのであれば、それも書き換えるべきです。

1)show.html.erbの記述
<%= render partial: "likes/like", locals:{nursery: @nursery} %>

2)_like.html.erbの記述
<% like = current_user.likes.find_by(nursery_id: nursery.id) %>

こうすることにより、index.html.erbの中で
3)<%= render partial: "likes/like", locals:{nursery: nursery%>
と書けるようになると思います。

Comments

[NN77]

ご回答誠にありがとうございますm_ _m
教えていただいた方法を行なってみましたところ、
ページは表示できたのですが、
今度はajaxが動かなくなってしまいました。
ActionView::Template::Error (undefined local variable or method `nursery' for #<#<Class:0x00007fb5f04c8580>:0x00007fb5e4d02018>
Did you mean? @nursery):というエラーが出ており、
おそらくcreate.js・destroy.jsと何らかコンフリクトを起こしているのかなあと考えました。

こうした場合、_like.html.erbを再利用すること自体がよくないのでしょうか？
その場合、index用に、_like_for_index.html.erbを作ろうと思ったのですが、
その時にcreate.jsとdestroy.jsも再利用できないので別途作る必要があるかと思っておりまして、
その場合に、どのようなタイトルで作れば、jsを読み込んでもらえるのかもわからずにおり、
対応方法についてアドバイスいただけますと非常に助かります。

■show.html.erb
<span id="like-of-<%= @nursery.id %>">
<%= render partial: "likes/like", locals:{nursery: @nursery} %>
</span>

■index.html.erb
span id="like-of-<%= nursery.id %>">
<%= render partial: "likes/like", locals: { nursery: nursery} %>
</span>

■_like.html.erb
<% if user_signed_in? %>
<% like = current_user.likes.find_by(nursery_id: nursery.id) %>
<% if like.present? %>
<%= link_to "/nurseries/#{nursery.id}/likes/#{like.id}", method: :delete, remote: true do %>
<i class="fa fa-minus unlike-btn">お気に入りから外す</i><br>
<% end %>
<% else %>
<%= link_to "/nurseries/#{nursery.id}/likes", method: :post, remote: true do %>
<i class="fa fa-star like-btn">お気に入り登録</i><br>
<% end %>
<% end %>
<% else %>
<i class="fa fa-star like-btn">お気に入り登録</i><br>
<% end %>

■create.js.erb/destroy.js.erb
$("#like-of-<%= @nursery.id %>").html("<%= j(render partial: 'likes/like', locals: { nursery: nursery}) %>");

[NN77]

上記、
■create.js.erb/destroy.js.erb
$("#like-of-<%= @nursery.id %>").html("<%= j(render partial: 'likes/like', locals: { nursery:@ nursery}) %>");

としたところうまくいきました。
知識不足で、
index.htmlからはlocalでnurseryをnurseryに代入していて、
show.htmlからはlocalで@nurseryをnurseryに代入しているので、
create.jsとdestroy.jsがどちらも@nurseryを代入する形で動くことが腑に落ちてはいないのですが、、
アドバイスいただけて非常に助かりました！

[perpouh]

:thumbs_up: