Haml to HTML/erb ...任何人都可以看到我正在犯的錯誤

Question

我分叉了一個使用Haml的Rails項目，我沒有真正學過。有一個在線轉換器幫助我處理HTML，但它忽略了erb，當我測試自己的轉換時，flash消息沒有與它們關聯的類，所以我知道我做錯了，但我可以'不明白爲什麼。

注（不必擔心在HAML間距。在代碼中，我有

原始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">（點類之間通過空間取代）