pug
Voorwaardelijke
Zoeken…
Invoering
Pug kan voorwaardelijk code uitvoeren op basis van variabelen (doorgegeven vanaf uw server of gebaseerd in Pug zelf).
Syntaxis
if (verklaring)
// Pug codeanders if (verklaring)
// Pug codeanders
// Pug codetenzij (verklaring)
// Pug code
parameters
| Parameter | Details |
|---|---|
| if (verklaring) | Evalueert de statement om te zien of deze waar of onwaar is. De code geneste eronder if alleen wordt uitgevoerd als statement geeft true. |
| anders if (verklaring) | Geketend aan een bestaande if of else if instructie; het wordt alleen uitgevoerd als de vorige instructie als onwaar werd geëvalueerd. De code genest onder de else if instructie wordt alleen uitgevoerd als de statement naar true evalueert. |
| anders | De code die onder de instructie else genest, wordt alleen uitgevoerd als alle eerdere statements false hebben geretourneerd. |
| tenzij (verklaring) | De ontkenning van if (statement) ; de code eronder geneste if alleen wordt uitgevoerd als statement niet waar. Het is hetzelfde als if (!statement) . |
Opmerkingen
If / Else-verklaring in Pug
Voorwaardelijke bepalingen in Pug kunnen uitspraken op dezelfde manier evalueren als JavaScript. U kunt variabelen evalueren die zijn gemaakt in Pug, of die zijn doorgegeven door uw route ( res.render , pug.renderFile , enz.).
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-uitvoer
<div class="login"><a href="/login">Login</a></div>
If / Else-verklaring in Pug (met een streepje)
U kunt ervoor kiezen om een if of else operator te laten voorafgaan door een streepje, maar dit is niet nodig. U moet de instructie echter wel tussen haakjes plaatsen (als u een streepje weglaat, hebt u geen haakjes nodig.)
- var showLogin = false;
- if (showLogin === true)
.welcome Welcome back to our website!
- else
.login
a(href="/login") Login
index.pug-uitvoer
<div class="login"><a href="/login">Login</a></div>
Anders Als Verklaring
U kunt een onbeperkt aantal else if instructies koppelen aan een bestaande if instructie om een reeks instructies te evalueren.
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-uitvoer
<h1>Lots of numbers!</h1>
Tenzij de operator
unless is de omgekeerde operatie van if in Pug. Het is analoog aan if !(statement) .
index.pug
- var likesCookies = true;
unless likesCookies === true
h2 You don't like cookies :(
else
h2 You like cookies!
index.pug-uitvoer
<h1>You like cookies!</h1>
Opmerking : else unless statements alleen werken unless ; je kunt een else if statement koppelen aan een unless statement, maar else unless het niet werkt.