Pug: JavaScript 製のテンプレートエンジン

スポンサーリンク

テンプレートエンジン Pug の諸々の記法です。 Pug は JavaScript 製のテンプレートエンジンです。以前は Jade の名称で使われていました。

for 文

Pug では次のように for 文 を書くことができます。

// 1
for item in arr
  p #{item}

// 2
- for (var i = 0; i < arr.length; i++)
    p #{arr[i]}

文頭にハイフンをつけることで for 文を JavaScript のコードとして書くことができます。

each in

配列に対しては each in が使えます。要素と合わせてインデックス番号が取得できます。

- var arr = ['a', 'b', 'c']

each item, index in arr
  p #{item + index}

HTMLをそのまま出力したい

- var html = "ああああ<br>いいいい"
p #{html}

この形式だと改行タグがエスケープされて <br> と表示されてしまいます。
HTMLタグをエスケープせずにそのまま表示するためには次のように書きます。

p!=html
タイトルとURLをコピーしました