Haml 到 HTML/erb ......谁能看到我犯的错误

Question

我派生了一个使用 Haml 的 Rails 项目，但我还没有真正学习过。有一个在线转换器帮助我处理 HTML，但它忽略了 erb，当我测试我自己的转换时，flash 消息没有与之关联的类，所以我知道我做错了，但我可以'不明白为什么。

注意（不要担心haml中的间距。在我的代码中

原版火腿

 - if flash[:notice]
        .alert-message.warning
          %p
            = flash[:notice]
      - if flash[:error]
        .alert-message.error
          %p
            = flash[:error]

HTML 翻译错误

<% if flash[:notice] %>
    <div class="alert-message.warning">
    <p>
     <%= flash[:notice] %>
    </p>
    </div>
 <% end %>
   <% if flash[:error] %>
   <div class="alert-message.error">
   <p>
   <%= flash[:error] %>
   </p>
   </div>
   <% end %>

Answer 1

在第一行之后你有一个巨大的缩进。应该是2个空格。

已编辑：如果您需要转换一小部分haml，您可以学习如何手动转换它。有一个小haml tutorial，您可以在其中学习一些基础知识。 那部分haml可以变成如下erb：

<% if flash[:notice] %>
  <div class="alert-message warning">
   <p><%= flash[:notice] %></p>
  </div>
<% end %>
<% if flash[:error] %>
  <div class="alert-message error">
   <p><%= flash[:error] %></p>
  </div>
<% end %>

在哪里： -同<%

=与<%=相同

%p (%tag_name) -> <p>

.class -> %div.class -> <div class="class"

已编辑#2： 从生成的html判断<div class="alert-message.warning">应该是<div class="alert-message warning">（点替换为类之间的空格）