Pug 迭代——快速路线

Question

我有一个快速返回错误消息的路由。使用连接闪存。一切正常，我记录了消息，但我无法在我的 pug 文件中显示消息。希望有人能指导我解决我的错误/误解。我是按照教程学习express的，所以我会先发布我的代码，然后再发布带有把手的教程代码。

我的路线是这样的：

    router.get('/signup', function (req, res) {
    var messages = req.flash('error')
    console.log(messages)
    res.render('signup', { csrfToken: req.csrfToken(), messages: messages, hasErrors : messages.length > 0 });
});

这是我的注册翡翠文件。请注意顶部的 if 块与“每个”迭代，然后在 P 行中显示 SINGLE 消息：

extends layout


block content

  //- The error is logged but not displaying in my pug
  //- Error iteration to display error messages
  if (hasErrors)
    each error in hasErrors
      p= error
  //- end of iteration
  div.constainer
    div.row
      div.col-md-4.offset-4
        h1 Signup
        form(action="" method="post")
          div.form-group
            label E-mail:
            br
            input.form-control( type="text" id="email" name="email")
          div.form-group
            label Password:
            br
          input.form-control( type="password" id="password" name="password")
          br
          input(type="hidden" name = "_csrf" value="#{csrfToken}")
        button(type="submit") Signup

原始教程带有车把，并且可以正常工作。我正在尝试用 pug 重新创建相同的示例。这是带有车把代码的教程：

div class="row">
    <div class="col-md-4 col-md-offset-4">
        <h1>Sign Up</h1>
        >>>>>>***{{#if hasErrors}}
            <div class="alert alert-danger">
                {{# each messages }}
                    <p>{{this}}</p>
                {{/each}}
            </div>
        >>>>>>{{/if}}***
        <form action="/user/signup" method="post">
            <div class="form-group">
                <label for="email">E-Mail</label>
                <input type="text" id="email" name="email" class="form-control">
            </div>
            <div class="form-group">
                <label for="password">Password</label>
                <input type="password" id="password" name="password" class="form-control">
            </div>
            <input type="hidden" name="_csrf" value="{{ csrfToken }}">
            <button type="submit" class="btn btn-primary">Sign Up</button>
        </form>
    </div>
</div>

带有把手代码的代码有效。我只是将相同的代码翻译成哈巴狗。 如果我完全删除迭代并添加 #{hasErrors} Jade 显示 true 和 false 所以我的路线很好，这是我在 Pug 中的迭代。

我是初学者。任何帮助将不胜感激。

Answer 1

经 OP 确认，each 语句应为 each error in messages。