如何在不重复缩进代码的情况下在HAML中执行if / else

时间:2010-08-11 16:46:24

标签: ruby haml

根据用户是否已登录,我想打印另一种%body标签。

这就是我目前的做法:

- if defined? @user
  %body(data-account="#{@user.account}")
    %h1 Welcome
    -# all my content
- else
  %body
    %h1 Welcome
    -# all my content

正如你所看到的,那里有很多重复的代码。我怎么能消除这个?我已经尝试了以下内容:

- if defined? @user
  %body(data-account="#{@user.account}")
- else
  %body
  %h1 Welcome
  -# all my content

不幸的是,这不起作用,因为HAML将其解释为%h1和内容是else语句的一部分,当然它们不是。

关于如何解决这个问题的任何想法?我一直在遇到这个问题,所以我无法想象没有一个简单的解决方案。

6 个答案:

答案 0 :(得分:13)

我不认为您可以避免缩进问题,因为HAML自动分配“结束”语句的方式,但您可以将if语句推送到body标签本身 -

%body{:data_account => (defined? @user ? @user.account : nil)}

而不是

%body(data-account="#{@user.account}")

不是超级漂亮,但不如重复整个街区那么难看!

答案 1 :(得分:12)

!!!
 - @user = "jed" #=> stubbing out an instance
%html
  %head
    - string = defined?(@user) ? "#{@user}" : nil #=> for demo only, wrap this in a helper method
    %title{'data-account' => string}
  %body
    =yield

答案 2 :(得分:4)

HAML优雅的解决方案是助手

class ApplicationHelper...

  def body_for_user(user, &blk)
    return content_tag(:body, :'data-account' => user.account, &blk) if user
    content_tag(:body, &blk)
  end

end

上面描述的三元运算符对于这种特殊情况来说已经绰绰有余了,但是对于更复杂的事情,请打破帮助者。

哦,要使用它,请在您的视图中将%body(...)更改为= body_for_user @user do

答案 3 :(得分:1)

写一个这样的帮手:

def body_attributes
  {}.tap do |hash|
    hash[:data] = {}
    hash[:data][:account] = @user.account if @user
    # add any other attributes for the body tag here
  end
end

然后从body元素调用helper:

%body{ body_attributes }
  %h1 Welcome
  -# all my content

答案 4 :(得分:1)

对于任何寻找HAML的Ruby if / else问题答案的人来说,这就是我如何解决它的问题:

%tr{ id: (line_item == @current_item) ? "current_item" : nil }
  %td= button_to '-', decrement_line_item_path(line_item), method: :put, remote: true
  %td #{line_item.quantity}×
  %td= line_item.product.title
  %td.item_price= number_to_currency(line_item.total_price)

答案 5 :(得分:0)

我通常在控制器上设置@@ menu变量,然后在启用bootstrap的layout.haml中定义:

  ...
  %body
    .navbar.navbar-fixed-top
      .navbar-inner
        .container
          %a.btn.btn-navbar{"data-target" => ".nav-collapse", "data-toggle" => "collapse"}
            %span.icon-bar
            %span.icon-bar
            %span.icon-bar
          %a.brand{:href => "/"} AwesomeApp
          .nav-collapse
            %ul.nav
              %li{:class => @@menu == 'home' && :active}
                %a{:href => "/"} Home
              %li{:class => @@menu == 'about' && :active}
                %a{:href => "/about"} About
              %li{:class => @@menu == 'contact' && :active}
                %a{:href => "/contact"} Contact

当我将@@ menu设置为'about'时,它将呈现:

  <body>
    <div class='navbar navbar-fixed-top'>
      <div class='navbar-inner'>
        <div class='container'>
          <a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
            <span class='icon-bar'></span>
            <span class='icon-bar'></span>
            <span class='icon-bar'></span>
          </a>
          <a class='brand' href='/'>AwesomeApp</a>
          <div class='nav-collapse'>
            <ul class='nav'>
              <li>
                <a href='/'>Home</a>
              </li>
              <li class='active'>
                <a href='/about'>About</a>
              </li>
              <li>
                <a href='/contact'>Contact</a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>