pug
조건부

소개

통사론

• if (statement)

  // Pug code
  

• else if (statement)

  // Pug code
  

• 그밖에

  // Pug code
  

• (문)

  // Pug code
  

매개 변수

비고

/ Pug의 / Else 문

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>

If / Else Statement in 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

기존 if 문에 else 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 퍼 인치 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 unless 연결할 수 있습니다.