HAML嵌套的標籤

Question

我試圖巢狀

%h1 Admin Menu 
    %small logged in as: #{session[:username]} 

爲了得到這樣的

<h1>Admin Menu <small>logged in as: something</small></h1> 

但我可以讓它顯示兵不血刃一個錯誤的唯一方法是把他們在同樣的水平，說

%h1 Admin Menu 
    %small logged in as: #{session[:username]} 

，輸出：

<h1>Admin Menu</h1> 
<small>logged in as: something</small> 

這是probaby一些愚蠢的，但我不知道這爲什麼這不起作用？

Answer 1

Haml只允許嵌套嵌套，如果所有將嵌套的嵌套。所以，你可以這樣做：

%h1 Admin Menu 

或本：

%h1 
    Admin Menu 
    %small logged in as: #{session[:username]} 

但不是這樣的：

%h1 Admin Menu 
    %small logged in as: #{session[:username]} 

第一種形式應該被認爲是一種方便的縮寫。它的存在，所以你可以採取這樣的事情：

%li 
    One 
%li 
    Two 
%li 
    Three 

，只是說：

%li One 
%li Two 
%li Three 

Answer 2

我還沒有試過，但不會爲你做以下工作嗎？

%h1 
    Admin Menu 
    %small logged in as: #{session[:username]} 

Answer 3

另一個訣竅是這樣的。

%h1 
    Admin Menu 
    %small 
    logged in as: 
    =session[:username] 

因爲最後兩行會裏面的「小」來呈現-tag

Answer 4

或者你可以只用簡單的CSS這樣的伎倆，如：

%h1 
    Admin Menu 
    .small{ style: 'font-size: smaller;' } 
     logged in as: 
     = session[:username] 

這種方式，您可以指定其他屬性或字體的特定大小。