玉模板引擎无法添加 <p> 标记到div的内部

Question

Could not add "p" tag to the inside of div. 无法在div内部添加“p”标签。 Here is my code: 这是我的代码：

!!!
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')

And it renders like that: 它呈现如下：

<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>

This happened after i add: 这是在我添加后发生的：

- if (error)
  p= error

Answer 1

so you want the if statement built directly into jade, not a javascript code block (no leading dash) 所以你想将if语句直接构建到jade中，而不是javascript代码块（没有前导破折号）

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

You probably also want to reduce the indent on the form tag and everything below by 1 level I would think but that depends on what behavior you want when there is an error. 您可能还希望减少form标记上的缩进以及下面的所有内容我认为但这取决于出现错误时您想要的行为。

玉模板引擎无法添加 <p> 标记到div的内部

问题描述

1 个解决方案

解决方案1
4 已采纳 2013-12-03 21:16:12

玉模板引擎无法添加 <p> 标记到div的内部

问题描述

1 个解决方案

解决方案1 4 已采纳 2013-12-03 21:16:12

解决方案1
4 已采纳 2013-12-03 21:16:12