pug
Warunkowe
Szukaj…
Wprowadzenie
Mops może warunkowo uruchamiać kod na podstawie zmiennych (przekazywanych z serwera lub na podstawie samego mopsa).
Składnia
if (oświadczenie)
// Pug codeelse if (instrukcja)
// Pug codejeszcze
// Pug codechyba że (oświadczenie)
// Pug code
Parametry
| Parametr | Detale |
|---|---|
| if (oświadczenie) | Ocenia statement czy zwraca wartość prawda czy fałsz. Kod zagnieżdżony pod spodem, if zostanie uruchomiony tylko wtedy, gdy statement zwróci true. |
| else if (instrukcja) | Przykuty do istniejącego instrukcji if lub else if ; działa tylko wtedy, gdy poprzednia instrukcja ma wartość false. Kod zagnieżdżone pod spodem else if oświadczenie będzie działać tylko wtedy, gdy statement wartość true. |
| jeszcze | Kod zagnieżdżony pod instrukcją else będzie działał tylko wtedy, gdy wszystkie poprzednie instrukcje zwrócą wartość false. |
| chyba że (oświadczenie) | Negacja if (statement) ; kod zagnieżdżony pod spodem, if zostanie uruchomiony tylko wtedy, gdy statement zwróci false. Jest taki sam, jak if (!statement) . |
Uwagi
Instrukcja If / Else w pug
Warunki w Pug mogą oceniać instrukcje w sposób podobny do JavaScript. Możesz oceniać zmienne utworzone w Pug lub zmienne przekazane do niego przez twoją trasę ( res.render , pug.renderFile itp.).
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
wynik index.pug
<div class="login"><a href="/login">Login</a></div>
Instrukcja If / Else w Mops (z myślnikiem)
Możesz wybrać opcję dodania operatora if lub else z myślnikiem, ale nie jest to konieczne. Będziesz jednak musiał zawinąć instrukcję w nawiasy (jeśli pominiesz myślnik, nie potrzebujesz nawiasów).
- var showLogin = false;
- if (showLogin === true)
.welcome Welcome back to our website!
- else
.login
a(href="/login") Login
wynik index.pug
<div class="login"><a href="/login">Login</a></div>
Else If Statement
Możesz połączyć dowolną liczbę instrukcji else if z istniejącą instrukcją if , aby ocenić sekwencję instrukcji.
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
wynik index.pug
<h1>Lots of numbers!</h1>
Chyba że Operator
unless jest odwrotnym działaniem if in Pug. Jest to analogiczne do if !(statement) .
index.pug
- var likesCookies = true;
unless likesCookies === true
h2 You don't like cookies :(
else
h2 You like cookies!
wynik index.pug
<h1>You like cookies!</h1>
Uwaga : else unless instrukcje nie działają, unless ; możesz powiązać instrukcję else if instrukcją unless , ale else unless że nie działa.