使用haml CSS的内联条件语句

Question

您如何在haml / css中编写内联代码？ 这是我的工作代码：

- if unit > 10
  = value
- else
  .unit
    = value

我试图像下面这样使其内联，但这不起作用：

%span{class: ('my-value') if unit > 10})

Answer 1

首先评估括号，因此当单位大于10时，将把“我的值”设置为类别。

%span{class: ('my-value' if unit > 10)}

Answer 2

对于像这样的简单情况，我更喜欢三元运算符：

%span{class: unit > 10 ? 'my-value' : nil}

如果它比简单的条件复杂，我可以将其提取给一个助手：

%span{class: unit_class(unit)}

然后在您的帮助文件中：

def unit_class(unit)
  if unit > 10
    'my-value'
  else
    'something-else'
  end
end