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.