如何在HAML中编写Ruby“ 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。

Answer 2

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

	= component 'GridTeaser', entry