Jade使用Javascript变量

Question

我有以下示例代码

extends layout

block append content
 - var user = {name:'hello word'}
 include includes/header
 div.container
  p
   #{user.name}
  #blogs
    - each blog in blogs
      div.blog
         strong
          div.title
             a(href="/blog/"+blog._id)!= blog.title
         small
          div.created_at= blog.created_at
         div.body= blog.body.substring(0,100) + ' ... '
           a(href="/blog/"+blog._id)!= 'Read More'
  include includes/footer

这将呈现包含的HTML输出

<p>
  <hello world><hello>
</p>

任何人都可以根据Jade教程解释这里发生了什么,这应该正确呈现...

Answer 1

如果你期待hello world作为文字:

<p>
    hello world
</p>

然后,Jade需要更多的指令,因为换行符和缩进的默认含义是子元素.

选项包括:

• 将元素和文本保持在同一行(" 标记内联 "):

  p #{user.name}
  

  此外,如果这是以下内容中唯一的文字<p>:

  p= user.name
  

• 使用a |将行指定为文本(" Piped Text "):

  p
    | #{user.name}
  

• 跟踪元素的.所有内容都是文本(" 标记中的阻止 "):

  p.
    #{user.name}