pug
villkors
Sök…
Introduktion
Pug kan villkorligt köra kod baserat på variabler (skickat från din server eller baserat i Pug själv).
Syntax
if (uttalande)
// Pug codeannat om (uttalande)
// Pug codeannan
// Pug codeom inte (uttalande)
// Pug code
parametrar
| Parameter | detaljer |
|---|---|
| if (uttalande) | Utvärderar statement att se om det returnerar sant eller falskt. Koden kapslad under if körs bara om statement returnerar sant. |
| annat om (uttalande) | Länkad till en befintlig if else if ; den körs bara om det föregående uttalandet utvärderades till falskt. Koden kapslad under det else if uttalandet bara körs om statement utvärderas till sant. |
| annan | Koden som är kapslad under det else uttalandet körs bara om alla tidigare uttalanden returnerades falska. |
| om inte (uttalande) | Förnekandet av if (statement) ; koden kapslad under if körs bara om statement returnerar falskt. Det är samma som if (!statement) . |
Anmärkningar
If / Annars uttalande i Pug
Conditionals i Pug kan utvärdera uttalanden på ett sätt som liknar JavaScript. Du kan utvärdera variabler som skapats i Pug, eller de som skickas till den av din rutt ( res.render , pug.renderFile , etc).
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
index.pug-utgång
<div class="login"><a href="/login">Login</a></div>
Om / annat uttalande i mops (med ett streck)
Du kan välja att infogas en if eller else operatör med ett streck, men det är inte nödvändigt. Du måste dock radera uttalandet inom parenteser (om du utelämnar en streck, behöver du inte parenteser.)
- var showLogin = false;
- if (showLogin === true)
.welcome Welcome back to our website!
- else
.login
a(href="/login") Login
index.pug-utgång
<div class="login"><a href="/login">Login</a></div>
Annars om uttalande
Du kan kedja valfritt antal else if uttalanden till ett befintligt if uttalande, för att utvärdera en sekvens av uttalanden.
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
index.pug-utgång
<h1>Lots of numbers!</h1>
Om inte operatören
unless är den omvända operationen om if i Pug. Det är analogt med if !(statement) .
index.pug
- var likesCookies = true;
unless likesCookies === true
h2 You don't like cookies :(
else
h2 You like cookies!
index.pug-utgång
<h1>You like cookies!</h1>
Obs : else unless uttalanden inte fungerar med unless ; du kan kedja en else if uttalande till en unless uttalande, men else unless fungerar inte.