HAML etiquetas de anidación

Question

estoy tratando de nido de esta

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

Para conseguir algo como esto

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

Pero la única manera que puedo conseguir que se muestre sin disparar un error que está poniendo en el mismo nivel, digamos

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

que da salida:

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

Probaby es algo tonto, pero no tengo idea de por qué esto no funcionaría?

Answer 1

Haml solo permite anidar en línea si todo lo que se anidará está en línea. Así que usted puede hacer esto:

%h1 Admin Menu 

o esto:

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

pero no esto:

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

La primera forma realmente debe ser pensado como una abreviatura conveniente. Existe por lo que puede tomar algo como esto:

%li 
    One 
%li 
    Two 
%li 
    Three 

y acaba de decir:

%li One 
%li Two 
%li Three 

Answer 2

No lo he intentado, pero ¿no funcionará lo siguiente para usted?

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

Answer 3

El otro truco es esto.

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

debido últimas 2 líneas se representan dentro de "pequeña" -tag

Answer 4

O usted podría utilizar CSS simple de hacer el truco, como:

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

esta manera se puede especificar otros atributos o el tamaño específico de la fuente.