如何在HAML中编写（红宝石）if语句

Question

  entries.each do |entry|
     if !isOpen
     columnClass = 'col-1'
     if entry[:variant] == 'medium' columnClas = 'col-2'
     if entry[:variant] == 'larg' columnClas = 'col-3'
    = "<div class='GridTeaserArea--column #{columnClass}'>"

  = component 'GridTeaser', entry

Answer 1

您很接近，您只需要使用if和重新排列就可以缩进更多。

- entries.each do |entry|
    - if !isOpen
      - columnClass = 'col-1'
    - if entry[:variant] == 'medium'
      - columnClas = 'col-2'
    - if entry[:variant] == 'larg'
      - columnClas = 'col-3'
    %div{:class => "GridTeaserArea--column #{columnClass}"}
      = component 'GridTeaser', entry

根据您所考虑的逻辑更改代码。我试图展示如何在if中使用条件式HAML。代码输出现在可能是您想要的，因为没有说明，我没有尝试假设它。

[请阅读HAML tutorial以使自己熟悉HAML。