iterazione ricorsiva su un oggetto nel modello Jade?

Question

Possiedo un oggetto con proprietà di tipo misto: alcune stringhe, alcuni array di stringhe, alcuni oggetti contenenti matrici di stringhe, che possono potenzialmente raggiungere molti livelli in profondità.

Vorrei eseguire un'iterazione su tutte le proprietà in modo che un oggetto crea un div, una matrice crea un div e una proprietà di stringa crea un'estensione per contenere il testo.

{ "string" : "some text", "object" : { "array" : [ "text" ] } } 

Lo scopo sopra renderebbe come:

<span>some text</span> 
<div> 
    <div> 
    <span>text</span> 
    </div> 
</div> 

Ma di solito molto più complesse strutture. Come devo fare per realizzare questo è Jade?

Answer 1

È passato un po 'di tempo da quando hai chiesto, ma mixin è tuo amico, penso. Non ho provato, ma se mixins supportano la ricorsione, questo dovrebbe funzionare:

mixin parseObject(obj) 
    div 
    - each val, key in obj 
     - if (typeof val === 'string') 
     span #{val} 
     - else if (typeof val === 'object') 
     mixin parseObject(val) 

Poi nel corpo del file .jade, chiamano mixin parseObject(rootObject).

Answer 2

La ricorsione sembra essere supportata ora. Ho usato con successo la funzione con un piccolo aggiustamento; è necessario utilizzare la parola chiave mixin quando si chiama la funzione.

mixin parseObject(obj) 
    div 
    each val, key in obj 
     if typeof val === 'string' 
     span #{val} 
     else if typeof val === 'object' 
     mixin parseObject(val) 

Answer 3

Nella versione moderna di Jade E 'apparire come

mixin parseObject(obj) 
    div 
    each val in obj 
     if typeof val === 'string' 
     span= val 
     else if typeof val === 'object' 
     +parseObject(val) 

Poi nel corpo del file .jade, chiamare

+parseObject(rootObject)