pug
Conditionals
Поиск…
Вступление
Мопс может условно запускать код на основе переменных (переданных с вашего сервера или на основе самого Pug).
Синтаксис
if (statement)
// Pug codeelse if (statement)
// Pug codeеще
// Pug codeесли (заявление)
// Pug code
параметры
| параметр | подробности |
|---|---|
| if (statement) | Вычисляет statement чтобы убедиться, что он возвращает true или false. Код вложен ниже, if будет выполняться только в том случае, если statement возвращает true. |
| else if (statement) | Привязывается к существующему if else if ; он запускается только в том случае, если предыдущий оператор оценивается как false. Код, вложенный под инструкцией else if будет выполняться только в том случае, если statement равен true. |
| еще | Код, вложенный под оператор else будет выполняться только в том случае, если все предыдущие операторы вернули false. |
| если (заявление) | Отрицание if (statement) ; код вложен под ним, if будет выполняться только в том случае, если statement возвращает false. Это то же самое, что и if (!statement) . |
замечания
Если / Else Statement in Pug
Условные в Pug могут оценивать утверждения аналогично JavaScript. Вы можете оценить переменные, созданные в Pug, или те, которые переданы ему по вашему маршруту ( res.render , pug.renderFile и т. Д.).
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
<div class="login"><a href="/login">Login</a></div>
Если / Else Statement в Pug (с тире)
Вы можете выбрать опцию if или else с тире, но это необязательно. Однако вам придется заключить оператор в круглые скобки (если вы опустите тире, вам не нужны скобки).
- var showLogin = false;
- if (showLogin === true)
.welcome Welcome back to our website!
- else
.login
a(href="/login") Login
вывод index.pug
<div class="login"><a href="/login">Login</a></div>
Else If Statement
Вы можете связать любое количество else if операторов с существующим оператором if , чтобы оценить последовательность операторов.
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
<h1>Lots of numbers!</h1>
Если оператор
unless это не обратная операция if в Pug. Это аналогично if !(statement) .
index.pug
- var likesCookies = true;
unless likesCookies === true
h2 You don't like cookies :(
else
h2 You like cookies!
вывод index.pug
<h1>You like cookies!</h1>
Примечание : else unless утверждения не работают, unless ; Вы можете приковать к else if , unless else unless else if заявление Ань , unless заявление, но else unless не работает.