pug - sheet - Pasando variables a través de plantillas de jade.

pug preprocesador html

Question

¿Es posible en Jade pasar variables de una plantilla a otra? Quiero hacer algo como esto:

tmp1.jade

div.anyClass
include components/checkbox(''someLabel'')

tmp2.jade

div.otherClass
div.label
{someLabel}

¡Gracias!

Answer 1

Las plantillas incluidas heredan el alcance de las variables de la plantilla que las incluyó, por lo que lo que está buscando ocurrirá automáticamente para usted.

Así funcionará lo siguiente:

tmp1.jade

- var label = ''value''
div.anyClass
include tmp2

tmp2.jade

div.otherClass
div.label
#{label}

También puede usar mixins para pasar variables, son funciones similares (primero las define y luego las llama)

Así que podrías hacer lo siguiente:

tmp1.jade

mixin labeldiv(myLabel)
div.otherClass
div.label
#{myLabel}
div.anyClass
+labelDiv("the label")

Vale la pena mencionar que también puede incluir mixins en el interior de las inclusiones, si desea que sean comunes en varias plantillas. Podrías hacer esto:

myMixins.jade

mixin labeldiv(myLabel)
div.otherClass
div.label
#{myLabel}

tmp1.jade

include myMixins
div.anyClass
+labelDiv("the label")

Los documentos de sintaxis de Jade tienen algunos excelentes ejemplos (en vivo) de cómo funciona todo.