haml gniazdowania tagi

Question

Próbuję gniazdo to

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

Aby uzyskać coś takiego

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

ale jedynym sposobem mogę zmusić go do wyświetlania bez wypalania błąd jest umieszczenie ich w na tym samym poziomie, powiedzmy

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

które wyjścia:

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

To jest coś głupiego, ale nie mam pojęcia, dlaczego to nie zadziała?

Answer 1

Haml pozwala tylko na wstawianie w linii, jeśli wszystko, co będzie zagnieżdżone, jest wbudowane. Więc można to zrobić:

%h1 Admin Menu 

lub to:

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

ale nie w ten sposób:

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

Pierwsza forma naprawdę powinny być traktowane jako wygodny skrót. istnieje tak można zrobić coś takiego:

%li 
    One 
%li 
    Two 
%li 
    Three 

i po prostu powiedzieć:

%li One 
%li Two 
%li Three 

Answer 2

Nie próbowałem, ale czy nie będzie to dla ciebie następująca praca?

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

Answer 3

Druga sztuczka jest to.

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

ponieważ ostatnie 2 linie będą renderowane wewnątrz „mały” -tag

Answer 4

Albo można po prostu użyć prostego css rade, jak:

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

ten sposób można określić, inne atrybuty lub określony rozmiar czcionki.