Wie legen Sie ein Layout für eine Jade-Vorlage dynamisch fest, um es in Node.js/Express 3.0 zu erweitern?

Question

Ich habe 3 Dateien: layoutA.jade, layoutB.jade und index.jade. Wie kann ich programmatisch festlegen, welches Layout index.jade erweitert?

Ich habe versucht, mit:

app.set('view options', { layout: false }); 

mit:

res.render('index', { title: 'Express', layout: 'layoutB' }); // older 2.x way? 

kann ich nichts außer Kraft zu setzen scheinen explizit in der index.jade-Datei festgelegt. Das Weglassen der Verlängerungslinie in der Datei index.jade funktionierte ebenfalls nicht.

Answer 1

Können sagen, die Jade-Dateien im folgenden Verzeichnis sind:

+ views 
    + shared 
    - layoutA.jade 
    - layoutB.jade 
    + home 
    - index.jade 

die Layout-Einstellungen in der richtigen Reihenfolge hinzufügen, und die Wurzel Ansichten Ordner angeben:

app.set('views', __dirname + '/views'); 
app.set('view engine', 'jade'); 
app.set('view options', { layout: 'shared/layoutA' }); 

Sie die Stellen Sie sicher, angeben richtiger Ordner (in diesem Fall 'Ansichten'). Stellen Sie außerdem sicher, dass Sie ein gültiges Standardlayout angeben. Vergewissern Sie sich, dass dies mit einer Testseite funktioniert, bevor Sie tiefer tauchen.

Sobald das funktioniert, kann man das Standard-Layout wie folgt aus:

if(someImportantVar) { 
    res.render('home/index', { title: 'Different layout!', layout: 'shared/layoutB' }); 
} else { 
    res.render('home/index', { title: 'Default layout!'}); 
}