在 Jade 模板中显示段落答案

【问题标题】：Display paragraph in Jade template在 Jade 模板中显示段落
【发布时间】：2016-04-05 06:59:33
【问题描述】：

我已经开始开发一个示例 NodeJS/Express Web 应用程序，我正在使用 Jade 模板引擎。

以下是其中一个屏幕的部分 .jade 代码。

html
  head
   script(src='/js/bootstrap.min.js')
   script(src='/angular/angular.min.js')
   link(href='/css/bootstrap.css' , rel='stylesheet')
 body
  div(class='container') 
      p= error

我的意图是在 div 中包含“p”元素

<div class='container'>
<p>Error message comes here.. </p>
</div>

但发生的是“p”元素在 div 之后

<div class='container'>
</div>
<p>Error message comes here.. </p>

请让我知道需要修改什么，以便“p”在 div 内。

【问题讨论】：

你的缩进很奇怪，请确保jade文件中的所有内容都用两个空格隔开。除此之外，您的代码看起来不错。您可以只使用.container 而不是div(class="container")。我刚刚在jade-lang.com 上尝试了你的代码，那里没问题。
@Sgnl ，正如你所说，如果我将代码粘贴到 jam-lang.com ，它工作正常。但在我的情况下，当它从 server 渲染时，它不起作用。
我刚刚在我的服务器上尝试了你的代码，它工作得很好。所以这可能是导致问题的错误，那么错误是什么？
@Sgnl，@Molda 我是 Jade 的新手，所以我的问题听起来很愚蠢，我意识到 Jade 代码的缩进决定了标签的结束位置。我说的对吗？
@CleanCrispCode 是的，jade 中的缩进很重要，它决定了标签的结束位置。

标签： node.js express pug

【解决方案1】：

您的代码可能以错误的方式缩进。试试这个：

html
  head
   script(src='/js/bootstrap.min.js')
   script(src='/angular/angular.min.js')
   link(href='/css/bootstrap.css',rel='stylesheet')
 body
  .container 
    p=error

【讨论】：

【解决方案2】：

复制了jade代码，好像你的缩进不均匀。试试这个：

html
    head
        script(src='/js/bootstrap.min.js')
        script(src='/angular/angular.min.js')
        link(href='/css/bootstrap.css' , rel='stylesheet')
    body
        .container
            p error

【讨论】：

【解决方案3】：

这对我有用

div.container

p= 错误

【讨论】：