Inline conditional statement using haml css

Question

How do you write inline if else in haml/css? Here is my working code:

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

I tried to make it inline like the below, but that doesnt work:

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

Answer 1

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

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

Answer 2

For simple cases like this I prefer the ternary operator:

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

If it gets any more complicated than a simple condition I would extract it to a helper:

%span{class: unit_class(unit)}

And then in your helper file:

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