有条件地设置 CSS 类

Question

如何将此 ERB 代码转换

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

为 Haml 代码？

Answer 1

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

我相信也能做到这一点，并且如果 job.done == false 则不会创建 class= ''，也看起来更像您的初始代码

Answer 2

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

如果将属性设置为 false 或 nil，Haml 将完全忽略该属性。

Answer 3

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

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