node.js - quick - sgdq 2018 live

Usa una variable en Jade include

Question

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

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 obtengo el error EBADF, Bad file descriptor ''templates.jade''

Incluso intenté

include #{templates}

en vano.

Answer 1

¿Por qué no usar herencia de jade?

Haga lo que quiera en el nivel de middleware:

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

Escribe common.jade común:

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

A continuación, escriba el archivo que se extiende common.jade :

extends common.jade
block sublevel
  h2 Some things are here

Answer 2

AFAIK JADE no es compatible con dynamic inclusive. 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 }

Answer 3

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

Quería rodear mi inclusión con más contexto extraído de la variable, por ejemplo, (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

Como eso no funciona (Jade no admite inclusiones dinámicas, como lo señala un monstruo), hibridé con un mixin:

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

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 funcionará si necesita incluir más de unas pocas cosas de esta manera, pero al menos parte del Jade es dinámico.

Answer 4

esto también funciona:

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


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

Es probable que esto no aumente el rendimiento que esperaría al utilizar la configuración de ''caché de vista'' (está activado por defecto 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.