Jade 模板引擎无法将 <p> 标签添加到 div 内部答案

【问题标题】：Jade template engine could not add <p> tag to the inside of divJade 模板引擎无法将 <p> 标签添加到 div 内部
【发布时间】：2013-12-20 03:02:27
【问题描述】：

无法在 div 内部添加“p”标签。这是我的代码：

!!!
html
head
    title= title
    link(rel='stylesheet', href='/stylesheets/#{stylesheet}.css')
    link(rel='stylesheet', href='/stylesheets/bootstrap.min.css')
body
    .container
        .row
            .col-md-4
            .col-md-4
                .well
                - if (error)
                    p= error
                    form(role='form',action='sessions', method='post')
                        .form-group
                            label(for='Email') Eposta Adresi
                            input#Email.form-control(type='email',name='user[email]',placeholder='E-posta adresi')
                        .form-group
                            label(for='Password') Şifre
                            input#Password.form-control(type='password',name='user[password]', placeholder='Şifre')
                        button.btn.btn-default(type='submit') Giriş

    script(type='text/javascript', src='/javascripts/jquery-1.10.2.min.js')
    script(type='text/javascript', src='/javascripts/bootstrap.min.js')

它的渲染是这样的：

<html>
<head>
<title>Giriş</title>
<link rel="stylesheet" href="/stylesheets/login.css">
<link rel="stylesheet" href="/stylesheets/bootstrap.min.css">
</head>
<body style="" cz-shortcut-listen="true">
<div class="container">
    <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-4">
            <div class="well"></div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/javascripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/javascripts/bootstrap.min.js"></script>
</body>
</html>

这发生在我添加后：

- if (error)
  p= error

【问题讨论】：

标签： javascript html node.js pug

【解决方案1】：

所以您希望将 if 语句直接内置到翡翠中，而不是 JavaScript 代码块（没有前导破折号）

.well
  if error
    p= error
  form
    .form-group.....etc

您可能还想将form 标记上的缩进以及以下所有内容减少 1 级我认为，但这取决于出现错误时您想要的行为。

【讨论】：

是的。我减少了表格的缩进。现在显示表格。但不是很好的div。我想在 div 中显示我的表单，其中有一个名为 well 的类。
查看我修改后的答案，我认为这将解决您的问题。
是的。谢谢彼得。