logo标签列表

什么是Jade中的竖线？

pug
13
将HTML转换为jade，可以使用jade converter。
当我输入以下HTML时，
<!doctype html>
<html class="no-js">
  <head>
    <meta charset="utf-8">
  </head>
  <body>
    <div class="container">
      <div class="header">
        <ul class="nav nav-pills pull-right">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
</body>
</html>

输出结果如下：

doctype html.no-js
head
    meta(charset='utf-8')
  |   
  body
    .container
      .header
        ul.nav.nav-pills.pull-right
          li.active
            a(href='#') Home
          |           
          li
            a(href='#') About
          |           
          li
            a(href='#') Contact

竖杠符号 (|) 的作用是什么？

2个回答
10
3
快速更新@burnedikt的答案。由于“Jade”一词存在版权问题，现在Jade已更名为Pug，网站也已更改。当前链接是https://pugjs.org/language/plain-text.html#piped-text。
FYI所说的只是：
另一种向模板添加纯文本的方法是在行首加上管道字符（|）。这种方法对于将纯文本与内联标记混合使用非常有用，我们稍后在空白控制部分讨论。
如果您想要多行文本而不必每次都有一个竖直斜杠（“pipe”字符）的话，请查看此答案：jade template engine (under node.js): multi-line block without pipe symbol。
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接