¿Cómo establece dinámicamente un diseño para que una plantilla de Jade se extienda en Node.js/Express 3.0?

Question

Tengo 3 archivos: layoutA.jade, layoutB.jade e index.jade. ¿Cómo puedo establecer programáticamente qué diseño se extenderá index.jade?

He intentado usar:

app.set('view options', { layout: false }); 

con:

res.render('index', { title: 'Express', layout: 'layoutB' }); // older 2.x way? 

Me parece que no puede anular nada establecido explícitamente en el archivo index.jade. Omitir la línea extends dentro del archivo index.jade tampoco funcionó.

Answer 1

digamos que los archivos de jade están en el directorio siguiente:

+ views 
    + shared 
    - layoutA.jade 
    - layoutB.jade 
    + home 
    - index.jade 

Agregar la configuración de diseño en el orden correcto, y especifique la carpeta vistas raíz:

app.set('views', __dirname + '/views'); 
app.set('view engine', 'jade'); 
app.set('view options', { layout: 'shared/layoutA' }); 

Asegúrese de especificar el carpeta correcta (en este caso 'vistas'). También asegúrese de especificar un diseño predeterminado válido. Verifique que esto funcione con una página de prueba antes de sumergirse más profundamente.

Una vez que está trabajando puede el diseño predeterminado de esta manera:

if(someImportantVar) { 
    res.render('home/index', { title: 'Different layout!', layout: 'shared/layoutB' }); 
} else { 
    res.render('home/index', { title: 'Default layout!'}); 
}