HAML: 使用相同内容缩进if/else语句

Question

我在视图中有以下内容：

- if (condition)
  %div.truecondition
    (Ten lines of content)
- else
  %div.falsecondition
    (Ten lines of the same content)

我想将十行内容分解出来，放在if / else语句下面...但如果这样做，缩进意味着内容不会嵌套在if / else指定的div内。我相信这是一个常见的问题，我只是想知道解决方案。那么...我如何将这十行分解出来，同时保持内容嵌套在.truecondition / .falsecondition div内？

- PlankTon

Answer 1

你可以尝试使用三元运算符：

%div{ :class => condition ? 'truecondition' : 'falsecondition' }
  (Ten lines of content)

- JCorcuera

Answer 2

JCorcuera的回答更好，但这个方法更加麻烦：

%div(class="#{!!condition}condition")
  (Ten lines of content)

假设你实际上有名为truecondition和falsecondition的CSS类，就像我在打这些文字时觉得这种情况不太可能一样。

- gunn