node.js - 使用 Express-Handlebars，如何将导航栏中的项目设置为事件状态？

Question

最近，我实现了 Express-Handlebars，随之而来的一个问题是:我似乎无法将当前的导航栏设置为事件状态。我已经研究了大量的帖子，但它要么不起作用(也许我做错了什么？)，要么它不是我正在使用的 Handlebars 。

这是我当前的代码，取自在线教程:

标题.hbs:

      <ul class="nav navbar-nav navbar-right">
        <li class="nav-item {{#if active.Register}}active{{/if}}" class="navbar-right">
          <a class="nav-link" href="/Register">Register</a>
        </li>
        <li class="nav-item {{#if active.Login}}active{{/if}}" class="navbar-right">
          <a class="nav-link" href="/Login">Login</a>
        </li>
      </ul>

路线:

app.get('/Login', function(req, res) {
    res.render('Login', { title: "Login"});
});

app.get('/Register', function(req, res) {
    res.render('Register', { title: "Register"});
});

任何提示将不胜感激!谢谢!

Answer 1

我不确定你什么时候想将其设置为事件状态，但当它需要事件时你需要传递 active.register 。

所以像这样:

app.get('/Login', function(req, res) {
    res.render('Login', { title: "Login" , active: {Register: true }});
});

这将使您的 Handlebars 登录到“nav-item active”，显然您将实现逻辑来确定 Register 是 true 或 false。