hamlでクラス名やid名に変数を使う

アプリ開発中にクラス名にインデックスをつけたいときがあり、書き方が分からずつまづいたので、同じような方がおられましたら参考にしてください。

基本

まず、基本的なクラス名id名の書き方は「.」「#」始まりで書き始めます。

#クラス名
.item_name
%p.item_name

#ID名
#item_name
%p#item_name

変数を使った書き方

そして今回わたしがつまづいたのはeach文の中で変数名を使った書き方です。
下記の書き方で適用されました！

[e-mail]_with_index do |item, i|
  %div{class: "#{item.name}"}
    %p{class: "item_name_#{i}"}

クラス名を{}で囲うと、適用されます！
each文ではない場合でも同じ書き方で適用されます

%div{class: @item.name}