hamlを使用してコンテナ内のアイテムをネストする

Question

ifステートメントを使用して、アイテムが同じHTMLコンテナ内にあるか新しいアイテムを取得するかを判断したいとします。入れ子を扱う方法のために、同じ容器の中に複数のアイテムを持っているように見えません。

例：それはdivの閉じた後にそれらを置くしかし

%div.line.boards.main_boards 
    - @boards.each_with_index do |board, index| 
    - @board = board 
    -if index == 0 
     %div.unit.size1of5 
    -if index <= 1 
     = render :partial => "board_projects" 
    -if index == 2 
     %div.unit.size4of5 
     = render :partial => "board_projects" 

この例では要素％のdiv.unit.size1of5は、アイテムのインデックス0 & 1.両方の周りをラップする必要があります。部分がレンダリングされるコードをインデントすると、div内にネストされるため、インデックス0の項目のみが引き出されます。

これはhamlでどのように実行されますか？

Answer 1

あなたはそのようなのdivのクラスにパラメータを渡すことができます。

.unit{:class => "size#{index}"} 
    = render :partial => "board_projects" 

そしてそれCSSの問題の代わりに、ルビー/ HAMLの1にします。