基于页面 url 的 Jade 条件？

Question

是否可以根据页面路径在我的布局模板中设置 jade 条件？是否有页面路径变量？我正在寻找做这样的事情：

if page = "/about"
  link(rel='stylesheet', href='css/about')
else
  link(rel='stylesheet', href='css/main')

这是布局模板的一部分。我在哪里以及如何定义变量来驱动它？

Answer 1

对的，这是可能的：

- var page = window.location.pathname

if page === "/about"
   link(rel='stylesheet', href='css/about.css')
else
   link(rel='stylesheet', href='css/main.css')

请注意，上面的代码片段假设模板是在浏览器环境中执行的。如果不是这种情况，您可以使用您正在使用的语言获取路径名，并将其作为数据传递给模板。例如，如果您使用 Express 框架，path则request对象的属性返回 URL 的路径部分。