Conditionally set CSS class

Question

How to convert this ERB code:

<div <%= 'class="highlight"' if job.done %>>

into Haml code?

score 17 · Answer 1 · answered Jun 06 '12 at 17:08

17

%div{:class => ('hightlight' if job.done)}

I believe would also do the trick, and doesn't create class= '' if job.done == false, also looks more like your initial code

answered Jun 06 '12 at 17:08

wvm2008

score 16 · Accepted Answer · answered Jan 22 '12 at 04:34

16

%div{class:job.done && "highlight"}

If you set an attribute to false or nil, Haml will omit the attribute altogether.

answered Jan 22 '12 at 04:34

Phrogz

score -1 · Answer 3 · answered Jan 22 '12 at 04:32

-1

%div{job.done ? {:class => "highlight"} : {}}

%div{:class => job.done ? "highlight" : ""}

answered Jan 22 '12 at 04:32

Victor Moroz

The latter actually creates `
`, an empty class. This is functionally the same, but not the same output as requested by the OP. – Phrogz Jan 22 '12 at 04:40
@Phrogz Right, but in most cases it's ok. Your way is probably better, I didn't know it. – Victor Moroz Jan 22 '12 at 04:41

3 Answers3