Use una variable en Jade include

Estoy trabajando con Jade and Express y me gustaría usar una variable en mi declaración de inclusión. Por ejemplo:Use una variable en Jade include

app.js

app.get('/admin', function (req, res) { 
    var Admin = require('./routes/admin/app').Admin; 

    res.render(Admin.view, { 
    title: 'Admin', 
    page: 'admin' 
    }); 
});

layout.jade

- var templates = page + '/templates/' 

include templates

Cuando hago esto me sale el error EBADF, Bad file descriptor 'templates.jade'

Incluso intenté

include #{templates}

en vano.

Fuente

2012-08-26 Spencer Carnage

que estaba buscando para esto también . Sorprendido de que esta característica no se haya agregado aún. Bifurcó el repositorio para ver qué tan difícil sería implementar esta funcionalidad. –

AFAIK JADE no es compatible con dynamic including. Lo que sugiero es "incluir" fuera de la plantilla, es decir

app.js

app.get('/admin', function (req, res) { 
    var Admin = require('./routes/admin/app').Admin; 
    var page = 'admin'; 

    var templates = page + '/templates/'; 

    // render template and store the result in html variable 
    res.render(templates, function(err, html) { 

     res.render(Admin.view, { 
      title: 'Admin', 
      page: page, 
      html: html 
     }); 

    }); 

});

layout.jade

|!{ html }

Fuente

2012-08-26 19:44:40 freakish

Eso funciona, también. ¡Gracias! –

Parece que llamar a render() dos veces podría afectar negativamente el rendimiento. –

@StephenDavis Sí, pero dudo que alguna vez sea un problema (la base de datos siempre es un cuello de botella). – freakish

encontrado esta página buscando en Google para la misma pregunta, pero en un contexto diferente, así que pensé en poner mi solución aquí (leer: solución) aquí para la posteridad:

Quería rodear mi inclusión con más contexto extraído de la variable, p. Ej. (Simplificado):

- var templates = page + '/templates/' 
- var headid = page + 'head' 
- var imgsrc = '/images/' + page 
div(id=headid)  
    h1 #{page} 
    img(src=imgsrc) 
div(id=page) 
    include templates

Dado que eso no funciona (Jade no soporta dinámico incluye, como señaló anormal), que se hibridó con una mixin:

(Editar- un poco más elegante de lo mi anterior solución :)

mixin page1 
    include page1/templates 

mixin page2 
    include page2/templates 

... 

- for (var i = 0; i < 3; i++) 
    - var page = 'page' + i 
    - var headid = page + 'head' 
    - var imgsrc = '/images/' + page 
    div(id=headid)  
    h1 #{page} 
    img(src=imgsrc) 
    div(id=page) 
    +page

mi respuesta anterior:

mixin templates(page) 
    - var headid = page + 'head' 
    - var imgsrc = '/images/' + page 
    div(id=headid)  
    h1 #{page} 
    img(src=imgsrc) 

+templates('page1') 
#page1 
    include page1/templates/ 

+templates('page2') 
#page2 
    include page2/templates/ 

...

no es elegante, y no lo hará w ork si necesita incluir más de unas pocas cosas de esta manera, pero al menos parte del Jade es dinámico.

Fuente

2014-03-12 22:37:29 Frijol

esto también funciona:

//controller 
var jade = require('jade'); 
res.render('show', {templateRender: jade.renderFile}); 


//template 
!= templateRender('my/path/'+dynamic+'.jade', options)

Esto probablemente no aumentará el rendimiento que se puede esperar de usar el ajuste 'view cache' (está activada de forma predeterminada en NODE_ENV === 'producción'). O incluso romper la aplicación (por ejemplo, si los archivos no están disponibles en el disco duro al implementar un nuevo código). También intentar usar este truco en una aplicación isomorfa o del lado del cliente no funcionará porque la plantilla no se puede compilar.

Fuente

2014-10-23 10:03:56 antpaw

Esto es bastante impresionante –

Pero en lugar de llamar a la función con 'context' debería ser' locals' –

http://jade-lang.com/api/ Un objeto de opciones, también utilizado como el objeto locals. Son ambos. – antpaw

¿Por qué no utilizar la herencia de jade?

Render lo que quiere a nivel de middleware:

res.render('templates/' + template_name + '.jade')

Escribir común common.jade:

h1 This is a page 
.container 
    block sublevel 
    h2 Default content

luego escribir archivo que se extiende common.jade:

extends common.jade 
block sublevel 
    h2 Some things are here

Fuente

2015-10-01 17:06:13 user2956171

Respuesta

Cuestiones relacionadas