come passare variabili tra i modelli di giada

Question

Sto usando un modello come base, e voglio che sia a conoscenza di alcune variabili impostate nella pagina che lo utilizza ...

File: template.jade

vars = vars || {some:"variables"} 
!!! 5 
head 
    title vars.some 

File: page.jade

vars = {some:"things"} //- this does not get used from within template.jade 
extends template 

voglio il page.jade compilato per avere un titolo "cose"

Answer 1

trovo soluzione here

blocco passaggio con le variabili

template.jade:

!!! 
html 
    block vars 
    head 
     title #{pageTitle} - default www title 
    body 

page.jade

extends template 
block vars 
    - var pageTitle = 'Home' 

Answer 2

È possibile utilizzare i blocchi:

template.jade:

!!! 5 
head 
    block title 
     title variables 

page.jade:

extends template 
block title 
    title things 

Altrimenti è necessario definire le variabili nello script (ad esempio esprimere). Per quanto ne so, le variabili possono essere passate solo tramite include, ma non verso l'alto per il layout (template.jade nel tuo caso).

Answer 3

Ho pensato che i blocchi non avrebbero funzionato per me perché avevo bisogno di usare la variabile in più punti.

// base.jade 
pageTitleVar = "Parent's Title" 
!!! 
title !{pageTitleVar} 
h1 !{pageTitleVar} 

scopre che può effettivamente specificare lo stesso blocco di due volte nel template padre e qualunque sia il template figlio passa ad esso viene duplicato.

// base.jade 
pageTitleVar = "Parent's Title" 
!!! 
title 
    block pageTitleBlock 
    !{pageTitleVar} 
h1 
    block pageTitleBlock 
    !{pageTitleVar} 

// child.jade 
extends base 
pageTitleVar = "Child's Title" 
block pageTitleBlock 
    !{pageTitleVar} 

Blocchi FTW

Answer 4

Una soluzione ottima e commentata per aggiungere titolo come questo:
"Il mio progetto - La pagina".

O semplicemente questo:
"Il mio progetto"

modello: template.jade

doctype 5 
html(lang="en") 
head 
    //- setting the page title to be dynamic 
    block vars 
     - var defaultTitle = "My Project" 
     - var pageTitle = pageTitle 
    title #{defaultTitle}#{pageTitle} 

qualche pagina: page.jade

extends base 
//- custom page title 
block append vars 
    pageTitle = " - The Page" 

Answer 5

Come sull'utilizzo template includes?

// vars.jade 
- var name = "Chris" 
#{ nick = "StackOverflow" } 


// page.jade 
doctype html 
html 
    head 
    title= title 
    link(rel='stylesheet', href='/stylesheets/style.css') 
    body 
    h1= title 
    include vars 
    p Welcome to #{title} #{name} #{nick}