pug
Conditionals
Suche…
Einführung
Pug kann Code basierend auf Variablen (von Ihrem Server oder in Pug selbst) übergeben.
Syntax
if (Aussage)
// Pug codesonst if (Aussage)
// Pug codesonst
// Pug codees sei denn (Aussage)
// Pug code
Parameter
| Parameter | Einzelheiten |
|---|---|
| if (Aussage) | Wertet die statement zu sehen, ob sie wahr oder falsch zurückgibt. Der darunter geschachtelte Code von if wird nur ausgeführt, wenn die statement true zurückgibt. |
| sonst if (Aussage) | Verkettet an eine vorhandene if oder else if Anweisung; Es wird nur ausgeführt, wenn die vorherige Anweisung als falsch ausgewertet wurde. Der Code, der unter der else if Anweisung verschachtelt else if , wird nur ausgeführt, wenn die statement true ergibt. |
| sonst | Der unter der else Anweisung geschachtelte Code wird nur ausgeführt, wenn alle vorherigen Anweisungen false zurückgegeben haben. |
| es sei denn (Aussage) | Die Negation von if (statement) ; Der darunter geschachtelte Code von if wird nur ausgeführt, wenn die statement false zurückgibt. Es ist das Gleiche als if (!statement) . |
Bemerkungen
If / Else-Anweisung in Pug
Conditionals in Pug können Anweisungen ähnlich wie JavaScript auswerten. Sie können Variablen auswerten, die in Pug erstellt wurden oder die von Ihrer Route an sie übergeben werden ( res.render , pug.renderFile usw.).
index.js
var authorized = true
res.render("index", {
authorized: authorized
});
index.pug
- var showLogin = false;
if authorized && showLogin === true
.welcome Welcome back to our website!
else
.login
a(href="/login") Login
Ausgabe von index.pug
<div class="login"><a href="/login">Login</a></div>
If / Else-Anweisung in Pug (mit einem Bindestrich)
Sie können einen vorangestellt wählen , if oder else Operator mit einem Schuss, aber es ist nicht notwendig. Sie müssen die Anweisung jedoch in Klammern einschließen (wenn Sie einen Bindestrich weglassen, benötigen Sie keine Klammern.)
- var showLogin = false;
- if (showLogin === true)
.welcome Welcome back to our website!
- else
.login
a(href="/login") Login
Ausgabe von index.pug
<div class="login"><a href="/login">Login</a></div>
Else If-Anweisung
Sie können eine beliebige Anzahl von else if Anweisungen mit einer vorhandenen if Anweisung verketten, um eine Folge von Anweisungen auszuwerten.
index.pug
- var page = 60;
if page => 52
h1 Lots of numbers!
else if page > 26 && page < 52
h1 A few numbers
else
h1 Not a lot of numbers
Ausgabe von index.pug
<h1>Lots of numbers!</h1>
Sofern nicht Betreiber
unless sei unless die inverse Operation von if in Pug. Es ist analog zu if !(statement) .
index.pug
- var likesCookies = true;
unless likesCookies === true
h2 You don't like cookies :(
else
h2 You like cookies!
Ausgabe von index.pug
<h1>You like cookies!</h1>
Hinweis : else unless Anweisungen nicht funktionieren, es unless ; Sie können Kette eine else if - Anweisung ein , unless Aussage, aber else unless , else unless funktioniert nicht.