【rails】 controllerからインスタンス変数をviewのscript内で使いたい。

Question

rails初心者です。表題の件で質問させてください。

確認したい点(2点)

• controller側のインスタンス変数を@@@.html.erb内にある<script></script>内で使用したい。
• 予約できない日付けをcontroller側で取得して、.html.erbのjsに渡しているが、

それを変数holidaysに格納していきたい。従って、jsの文も正しいかどうか（特にfor文)を確認していただきたいです。

---

起きている問題

インスタンス変数は、view側へ渡されているが、それがjsの変数に渡っていないことが確認できました。
@bookingsでは、値が入っており、unavailableDayを確認すると、以下のようなNameErrorがでます。

---

状態

Controller

def new
    @listing = Listing.find(params[:listing_id])
  	@reservation = current_user.reservations.build
    if @reservation
      today = Date.today
      @reservations = Reservation.where("start_date >= ?", today)
      @bookings = @reservations.to_json  
       json形式に直して、@bookingsへ値を格納。ここの時点では、値は入っています。
    end
  end

view/@@.html.erb


<script>
$(function(){

  //①予約できない日を配列で確保
  var holidays = [];

  unavailableDay = <%= @bookings %>;
  <% binding.pry %>
　
  for (var i = 0; i <= unavailableDay.length; i++) {
    var d = new Date(date.start_date);
    holidays.push($.datepicker.formatDate("yy/mm/dd",d));
  }

Answer 1

jsの文も正しいかどうか（特にfor文)を確認していただきたいです。

for文は特に問題ないかと。しかし、初出のunavalableDayの前にvarが足りません。

controller側のインスタンス変数を@@@.html.erb内にある<script></script>内で使用したい。

.html.erbのファイル内では任意の場所でインスタンス変数が使用可能です。そもそも.erbは埋め込みRuby（Embeded Ruby)のことで、Rubyコードが埋め込めるという意味です。なので、当然Rubyのインスタンス変数が利用できます。逆に、JSのファイルを例えば.jsの別ファイルに分けてしまうと使えません。.erbじゃないからです。ただし、.js.erbを使えばインスタンス変数が使えます。

エラーを見える限り、pryの部分でエラーが起きているように見えるので、値が渡せていないことがエラーの原因ではないと思います。

Comments

[YousukeTanaka]

確認いただき、大変ありがとうございます。そうでしたか、pry側の問題とは気づきませんでした。今後はこの点も頭に入れておきます。早速、修正してみます。

[YousukeTanaka]

修正が終わり、無事表示がされました。大変ありがとうございました。感謝しています。

[Takahito_Ogawa]

どういたしまして。がんばってください。