pug模板引擎(原jade)之 注释条件包含

Posted zmztyas

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pug模板引擎(原jade)之 注释条件包含相关的知识,希望对你有一定的参考价值。

pug 注释

带输出的注释
// 一些内容
p foo
p bar

编译:
<!-- 一些内容-->
<p>foo</p>
<p>bar</p>

不带输出的注释
//- 这行不会出现在结果里
p foo
p bar

编译:
<p>foo</p>
<p>bar</p>


块注释
body
  //-
    给模板写的注释
    随便写多少字
    都没关系。
  //
    给生成的 html 写的注释
    随便写多少字
    都没关系。

编译:
<body>
  <!--给生成的 HTML 写的注释
随便写多少字
都没关系。-->
</body>

 

pug 条件

- var user = { description: \'foo bar baz\' }
- var authorised = false
#user
  if user.description
    h2.green 描述
    p.description= user.description
  else if authorised
    h2.blue 描述
    p.description.
      用户没有添加描述。
      不写点什么吗……
  else
    h2.red 描述
    p.description 用户没有描述

编译:
<div id="user">
  <h2 class="green">描述</h2>
  <p class="description">foo bar baz</p>
</div>

注:
unless user.isAnonymous
等价
if !user.isAnonymous

 

pug 包含

说明:包含(include)功能允许您把另外的文件内容插入进来。

doctype html
html
  include includes/head.pug
  body
    h1 我的网站
    p 欢迎来到我这简陋得不能再简陋的网站。
    include includes/foot.pug
    script
      include script.js

 

以上是关于pug模板引擎(原jade)之 注释条件包含的主要内容,如果未能解决你的问题,请参考以下文章

Jade(Pug) 模板引擎使用文档

在 Jade(目前称为“Pug”)模板引擎中循环

我不能用express.js执行jade(pug)

pug学习

Node.js开发 ---- Jade 模板引擎使用

pug的安装与使用