現在ポートフォリオのSlim化を進めておりまして、クラスにテーブルのIDを付与する方法に手間取ったので、備忘録として投稿します。
#なぜクラスにIDを付与したかったのか
いいね機能とブックマーク機能を非同期で取り入れているのですが、
その際にどの投稿に対する「いいね」「ブックマーク」かを特定するために、以下のように記載していました。
hoge.html.erb
<section class="material-box-show <%= @cook.id %>">
#インスタンス変数はご自身のものに置き換えてお考えください
省略
</section>
これを以下のようにSlim化しました。
hoge.html.slim
section class="material-box-show #{@cook.id}"
#以下は失敗例
section.material-box-show.= @cook.id
section.material-box-show.@cook.id
失敗例のようにclassを書かずに色々試行錯誤していたのですが、
出来ずこの形に落ち着きました！
もしかしたらもっと簡単に記載する方法があるのかもしれませんが。。。
以上です！ありがとうございました！