Übergeben Sie Variablen an Basislayout von Erweiterung Mug/Jade-Vorlage

Question

Ich möchte eine Klasse für das Body-Tag festlegen, indem eine Variable in einer Vorlage deklariert, die ein Basislayout erweitert. Wenn ich es versuche, ist die body_class Variable undefined im Layout.

Es scheint, das Layout wird vor der Erweiterung Vorlage ausgeführt, oder sie werden in anderen Bereichen oder etwas ausgeführt.

Gibt es einen anderen Weg? Würde ein Mixin hier arbeiten?

_layout.jade:

doctype html 
html(lang="en-au") 
    head 
     meta(charset="utf-8") 
     block css 
    body(class=(body_class || "it-did-not-work")) 
     block header 
     block content 
     block footer 

home.jade:

var body_class = 'i-am-the-home-page' 
extends _layout 
block header 
    h1 home 

Answer 1

Ah ha! Herausgefunden.

Erstellen Sie einen Block am oberen Rand des Basislayouts und fügen Sie dort Ihre Variablen hinzu.

_layout.jade:

block variables 
doctype html 
html(lang="en-au") 
    head 
     meta(charset="utf-8") 
     block css 
    body(class=(body_class || "it-did-not-work")) 
     block header 
     block content 
     block footer 

home.jade:

extends _layout 
block variables 
    - var body_class = 'i-am-the-home-page' 
block header 
    h1 home