gpt4 book ai didi

node.js - Jade 模板,包含变量范围

转载 作者:搜寻专家 更新时间:2023-10-31 22:18:08 25 4
gpt4 key购买 nike

我正在使用 Jade(没有 Express,仅用于静态 HTML 模板)——我认为它能够创建部分,这意味着范围不是问题,但情况似乎并非如此,我找不到任何引用资料到这个用例。

ma​​ster.jade

!!! 5
html
block vars
- var slug= 'home'
head
block pagetitle
title Static HTML
link(rel='stylesheet', href='css/styles.css')
body(class= slug)
.wrapper
include includes/header

includes/header.jade

.header 
ul
li(class= slug)

我已经尝试过包括 #{slug} 在内的语法变体,并且总是在 includes/header.jade 文件中收到错误“slug is not defined”——这可能吗做这个?

编辑: 所以 Dave Weldon 在下面的评论中给出的答案是,当包含在 master.jade 中时变量可用,但我的构建命令编译了 all jade文件本身包含 include,此时变量当然没有定义。

最佳答案

您可以使用 mixin 来完成此操作像这样:

master.jade

include includes/header

!!!
html
block vars
- var slug= 'home'
head
block pagetitle
title Static HTML
link(rel='stylesheet', href='css/styles.css')
body(class= slug)
.wrapper
mixin header(slug)

包含/header.jade

mixin header(klass)
.header
ul
li(class= klass)

编译时:

<!DOCTYPE html>
<html>
<head>
<title>Static HTML</title>
<link rel="stylesheet" href="css/styles.css">
</head>
<body class="home">
<div class="wrapper">
<div class="header">
<ul>
<li class="home"></li>
</ul>
</div>
</div>
</body>
</html>

关于node.js - Jade 模板,包含变量范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15035624/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com