HAML有条件缩进link_to具有相同的内容



我在我的haml文件中有这种条件,但看起来不太漂亮:/

- if @receiver.type == "Admin"
  = link_to administrator_messages_url, style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
    View Messages
    %i.fa.fa-commenting{"aria-hidden" => "true"}
- else
  = link_to messages_url, style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
    View Messages
    %i.fa.fa-commenting{"aria-hidden" => "true"}

您如何防止重复条件的内容?

尝试:

= link_to @receiver.type == 'Admin' ? administrator_messages_url : messages_url, style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
  View messages
  %i.fa.fa-commenting{"aria-hidden" => "true"}

一种技术是从视图提取分支。视图不是逻辑的最佳场所。即使是与演示文稿有关的逻辑也最好放置在其他地方(至少是助手)。

# helper
module ReceiverHelper
  def receiver_url(receiver)
    receiver.type == 'Admin' ? administrator_messages_url : messages_url
  end
end

然后在视图中

  = link_to receiver_url(@receiver), style: "font-family:'Source Sans Pro', sans-serif;color:#676767;color:#2199e8;font-family:Helvetica, Arial, sans-serif;font-size:16px;font-weight:bold;color:#fefefe;text-decoration:none;display:inline-block;padding:8px 16px 8px 16px;border:0 solid #2199e8;border-radius:3px;border:0 solid #af0000;border-radius:5px;" do
    View Messages
    %i.fa.fa-commenting{"aria-hidden" => "true"}

最新更新