Node.js Express + Jade(内衬项目上的事件类)

标签 node.js express pug

如何根据 URL 将事件标记设置为类?

在下面的示例中,“/”(主页)设置为事件状态。

.nav-collapse.collapse
  ul.nav.top-2
    li.active
      a(href='/') Home
    li
    li
      a(href='/about') About
    li
    li
      a(href='/contact') Contact
    li

在页面中注入(inject)一些东西来将其标识为事件页面会更好吗?

最佳答案

这就是我所做的,就像六氰化物的例子,

res.render('/path', {
  path: req.path
});

..在layout.jade中:

.nav-collapse.collapse
  ul.nav.top-2
    li(class=path=='/'?'active':undefined)
      a(href='/') Home
    li(class=path=='/about'?'active':undefined)
      a(href='/about') About
    li(class=path=='/contact'?'active':undefined)
      a(href='/contact') Contact

关于Node.js Express + Jade(内衬项目上的事件类),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16552320/

相关文章:

node.js - 在nodejs中发送具有相同响应对象的多个响应

html - 如何强制 Jade 不缩进 block 标签?

javascript - Nodemailer 发送带有空正文的电子邮件

javascript - Discord.js 如何使用用户 ID 获取用户昵称

node.js - Mongoose 架构 MissingSchemaError : Schema hasn't been registered for model

node.js - 如何使用expressjs提交表单后显示数据

node.js - 将 Jquery UI 与express.js 结合使用

html - 使用像 Jade 这样的模板引擎有什么优缺点?

javascript - mongoDB 插入和处理.nextTick

node.js - 如何使用koa router定义默认值