🔹 استفاده از شرط if در Pug
در Pug مانند زبانهای برنامهنویسی میتوانیم از شرط استفاده کنیم. ساختار آن:
if condition
// کد در صورت true بودن شرط
else
// کد در صورت false بودن شرط
📌 مثال:
doctype html
html
head
title دستورات شرطی
body
h1 صفحه ورود
- let user = {name: "vahid", loggedIn: true, lastLogin: 8};
if user.loggedIn
h3 خوش آمدید!
strong #{user.name}
else
form(action="")
input(type="text")
input(type="password")
input(type="submit" value="ورود")
🔍 نکات مهم در این مثال
برای تعریف متغیر در Pug از خط تیره - استفاده میکنیم:
- let user = {...}- شرط if user.loggedIn بررسی میکند آیا کاربر وارد شده (true) یا نه.
- اگر کاربر لاگین کرده بود → متن خوشآمدگویی + نام کاربر نمایش داده میشود.
استفاده از:
strong #{user.name}برای inject کردن مقدار جاوااسکریپتی داخل متن.
- در صورت لاگین نبودن کاربر → فرم ورود نمایش داده میشود.
🧠 نکات مهم:
- if و else در Pug دقیقاً مثل JavaScript هستند ولی بدون پرانتز.
- استفاده از ${} در Pug برای خروجی مجاز نیست → باید از #{} استفاده شود.