2019/08/27

2019/08/27のバックアップ

やったこと

• ajaxを使った非同期通信
• 大学ノートに書いてあった、メモの整理

非同期通信は、まだよくわかってないので、後日書きます…

部分テンプレートについて

collectionオプション

• 条件

  • インスタンス変数の名称が複数形
  • 部分テンプレ−トファイルの名称がインスタンス変数の単数形

• できるようになること

  • 部分テンプレートの埋め込み先でわざわざ インスタンス変数.each do|n| ~ end しなくても、配列の中身をすべて表示できる

記載例

 <%= render partial: "message", collection: @messages %>

記載の省略について

partialを記載した場合、localsやcollectionなどのオプションは省略できない

記載例

#OK①
 <%= render partial: "product", locals: (product: product) %>
#OK②
<%= render "product", product: product %>

#NG　(partialだけの省略)
 <%= render "product", locals: (product: product) %>

localsの変数名について（注意点）

そもそも

localsオプションの設定
locals: { ローカル変数: 部分テンプレートに渡す変数 }

※ローカル変数：部分テンプレート内で定義している変数名

注意点：ローカル変数の変数名

• ローカル変数名にインスタンス変数名(@〜)を使わない！（エラーになるらしい）
• 理由：コントローラーに定義したインスタンス変数と結びついて、エラーになる(?)

---

明日こそは、非同期通信を…