无法将变量传递给带有节点电子邮件模板的pug/jade模板
Pug（以前称为Jade）是一种高性能的模板引擎，用于生成HTML。它具有简洁的语法和强大的功能，可以轻松地创建动态的网页内容。
在Pug模板中，可以使用变量来传递数据。但是，无法直接将变量传递给带有节点电子邮件模板的Pug模板。这是因为Pug模板是在服务器端渲染的，而电子邮件模板通常是在客户端渲染的。
为了解决这个问题，可以使用一些技术来实现变量传递给带有节点电子邮件模板的Pug模板。以下是一种可能的解决方案：
- 创建一个包含变量数据的JavaScript对象。
- 使用模板引擎（如Nodemailer）生成电子邮件的HTML内容。
- 在生成HTML内容时，将JavaScript对象中的变量数据传递给Pug模板。
- 将生成的HTML内容作为电子邮件的正文发送。
这种方法可以通过以下步骤实现：
- 安装Nodemailer模块：
- 安装Nodemailer模块：
- 创建一个包含变量数据的JavaScript对象：
- 创建一个包含变量数据的JavaScript对象：
- 使用Pug模板引擎生成电子邮件的HTML内容：
- 使用Pug模板引擎生成电子邮件的HTML内容：
- 使用Nodemailer发送电子邮件：
- 使用Nodemailer发送电子邮件：
这样，你就可以将变量传递给带有节点电子邮件模板的Pug模板，并通过电子邮件发送给收件人。
请注意，以上示例中的代码仅供参考，你需要根据自己的实际情况进行适当的修改和调整。另外，腾讯云提供了一系列云计算相关的产品，你可以根据具体需求选择适合的产品进行开发和部署。具体的产品介绍和链接地址可以在腾讯云官方网站上找到。
相关·内容
我刚刚开始使用jade和node。我将一个对象从节点传递到jade模板(parent.jade)，并将相同的jade文件(parent.jade)包含到另一个文件(child.jade)。它的描述如下：
节点部分：
res.render('parent.jade', {data: mydata});
然后在parent.jade中，我正确地接收到了数据：
doctype html
html
head
title parent
script(type="text/javascript" src="/resource
浏览 12提问于2017-08-01得票数 0
我写了这段代码，我得到了错误的jade迭代:无法读取未定义的属性'length‘尝试发送数据到pug视图，并且我无法读取它，因为它是错误的
app.get('/about', (req, res)=>{
var partners =[
{ "name":"Name1", "image": "img1.jpg" },
{ "name": "Name2", "image": "img2.jpg" },
{
浏览 14提问于2019-08-10得票数 0
回答已采纳
1回答
如何在Pug/Jade中遍历脚本块中的数组？
Pug代码：
script.
var arr = {for each val in ['a', 'b'] + ","};
期望输出
var arr = {'a','b',};
这里的代码原封不动地输出行。
浏览 2提问于2016-12-24得票数 2
目前，我在我的主pug文件中包含了一个svg作为外部pug文件。因为我有多个向量(不同的文件)，所以我想知道是否有一个选项可以更改JavaScript中的include的源代码。
这是我的pug结构
.services_description
figure
include tools/jade_includes/components/svgs/vision_1
浏览 0提问于2018-03-21得票数 1
例如，在我的文件index.jade中有：
extends layout
block varScope
-var selected = 'Home';
-var isEmpty = 'false';
body
button(onclick='changeState()') Click
script.
function changeState(){
// change isEmpty variable here to true -- how to ?
}
是否可以用java
浏览 0提问于2018-11-26得票数 1
回答已采纳
我有一些节点js代码，它负责创建一个函数，我想在我的.pug模板中执行它。
let pages = [
{
"id": 0,
"name": "Index"
},
{
"id": 1,
"name": "About"
},
{
"id": 2,
"name": "Kontakt"
},
];
function
浏览 2提问于2020-07-05得票数 1
有没有办法在Pug/Jade模板(NodeJs/Express)中读取window.navigator.language？我试过这样的方法：
-var lang = window.navigator.language
但不起作用。或者更一般地说，可以在pug模板中读取浏览器语言吗？
浏览 0提问于2018-05-21得票数 1
我在Node.js上使用带有ExpressJS的jade/pug模板引擎。它输出一个单行的html。完全没有缩进。我找不到美容师的选择。
浏览 21提问于2011-02-14得票数 7
回答已采纳
随着Jade向Pug的过渡，目前还没有Pug插件。问题是我们的.jade文件扩展名变成了.pug，这是IDE无法识别的。
我们如何在Intellij (或其他Intellij )中使用pug？
浏览 15提问于2016-04-11得票数 2
回答已采纳
我有一个使用Express和Jade的nodejs应用程序(现在是Pug)。我想预编译jade模板以获得更好的性能。我已经能够使用jade --client将jade转换为javascript，以便将所有的.jade文件编译为相应的.js。
如何在我的应用中使用这些js文件？我没有太多使用nodejs/express的经验，但我认为它一定需要更改渲染引擎？我已经阅读了官方文档，上面说要使用runtime.js，但我找不到任何关于如何使用它的文档。
浏览 0提问于2013-04-24得票数 7
1回答
我有一个函数将一个变量'message‘传递给我的pug文件。它在pug文件中工作得很好，但我需要它在我包含在pug文件中的JS文件中工作。
我在我的pug文件中包含了一个js文件，如下所示：
include test.js
我的JS文件包含一些带有#{message}变量的代码，这些代码通过函数传递到我的pug文件中。
document.getElementById("demo").innerHTML = "#{message}";
因为我是通过include包含这个JS文件的，所以它基本上将其显示为不带标记的纯文本。这正是我想要的。但是，我需要将一些
浏览 4提问于2017-10-06得票数 1
我是个新手，在编程上遇到了困难，因为我需要一点帮助。我有一个带有a、h2和div标记的基本jade模板 h2
a(href='/'+ '#{postId}') #{title}
.content #{contentText} 在这里，我找到了第一个title、text和postId，并将它们发送到我的jade模板 router.get('/', function(req, res, next) {
const findPost = postInfo.find({}).then((data) => {
po
浏览 16提问于2021-09-04得票数 0
回答已采纳
1回答
如何使窗口对象对Pug可用？
、、、、
我喜欢帕格的简单，但有时它的行为不稳定，很难找出问题所在。我使用Node、Express和Pug (又名Jade)，我需要将我的URL (window.local.href)附加到一个字符串中。我不能让帕格访问window.local.href
我读过它的插值，在GitHub上搜索Pug文件，这里是这样。仍然无法使它显示在当前URL的href属性中。我已经成功地在y项目中的几个模板中使用了变量，有时是在几次尝试和错误之后。
但我被困在这里了。试图用暴力迫使我摆脱这一切：
script.
currentURL = window.location.href
浏览 5提问于2020-02-08得票数 4
我是Node.js的新手。我想知道像Pug (以前的Jade)这样的模板背后的原因，它不遵循HTML语法(在html元素中有标签)。对我来说，这看起来是一个额外的步骤。谁能帮帮忙，到底是什么原因，还是我漏掉了什么？
浏览 1提问于2017-03-03得票数 0
我正在开发一个基于keystone.js的应用程序。我希望最终用户能够创建基于变量的更改内容。例如，如果他们想创建一个电子邮件模板，他们可以编写：
你好{{firstName}.
它将以普通的html形式传递给玉器，如下所示：
你好{firstName}..。
模板应该将#{firstName}计算为所讨论的名称。
我尝试在玉模板中实现这一点，如下所示：
//Jade template
.div
p #{firstName}
.div
!=html
P #{ firstName }行打印firstName的值，但是!=html打印"Hi #{firstNam
浏览 2提问于2017-07-09得票数 1
3回答
我正在尝试获取我的Pug模板来使用Express来呈现脚本。我的文件结构如下：
views
public
index.jade
main.js
index.js
我尝试将脚本的名称作为参数传递给res.render('public/index', { bundle: '/main.js' })，但没有结果。
我的index.js的内容
const app = express();
app.set('view engine', 'jade');
app.use(express.stati
浏览 0提问于2019-07-05得票数 2
我为Node.js安装了Express Generator，但当我创建一个示例应用程序时，我注意到Jade已被Pug弃用。我安装了Pug，但每次我仍然需要告诉快速生成器使用它。我一直在阅读这个主题，它告诉开发人员只需手动更改文件名，但有没有方法可以开箱即用？我该怎么做？
浏览 2提问于2017-06-02得票数 2
1回答
对于给定的Jade/Pug模板，我希望获得模板中所有变量的列表。
我的动机如下:在我的软件中，使用不同的模板来生成一些HTML片段。基于给定的上下文(即给出某些变量的值)，我只想建议那些模板，在这些模板中可以分配模板中的所有变量。
示例:对于像这样的模板myTemplate：
html
head
title= myTitle
body
h1 #{value.headline}
p #{paragraph.text}
我想得到这样的输出：
var variableNames = extractVariableNamesFromTem
浏览 2提问于2016-11-09得票数 5
回答已采纳
15回答
这是我的index.js文件：
const express = require('express')
const app = express()
app.set('views', __dirname + '/views');
app.set('view engine', 'pug')
app.get('/', function (req, res) {
res.render('index', { title: 'Hey', message: 'Hell
浏览 2提问于2017-07-27得票数 20
2回答
我是帕格(以前的Jade)的新手，我认为这是一种非常干净的方法，可以快速生成html，并减少当我忘记关闭div时可能会犯的错误。
问题是，我创建了自定义wordpress主题，因此我目前在php文件中编码我的php和html。例如：-
<div style="background-image:url('<?php the_field('example');?>');"></div>
但是帕格的工作方式是基于压痕的。所以我的帕格文件看起来是：-
div(style="background-image:ur
浏览 2提问于2016-12-21得票数 0
回答已采纳
1回答
我在status.js上呈现的值如下所示
res.render('status', {
status: JSON.stringify(status)
});
之后，我尝试比较status.pug上的值，即Jade模板，如下所示
if status == 'success'也尝试过-if(status == 'success')
结果总是不相等的
浏览 0提问于2018-03-11得票数 0
回答已采纳
由于某些原因，我无法将变量传递给带有Node的pug模板。
app.get("/", function (req, res) {
res.render('index', { hello : 'Hey'} )
})
……
extends layout.pug
block content
h1 #{hello} guy
这只会返回index.html文件中的"guy“
浏览 5提问于2016-06-26得票数 25
1回答
我刚刚开始使用Pug/Jade模板来迭代我从express应用程序发送的事件对象。它工作得很好，但现在我已经添加了一个带有下拉框的选择框( select )，该下拉框由event对象中的场所填充。我的问题看起来很简单，但我真的不确定它是否可能，以及如何去做。基本上，我想要更改选择项目，然后只显示该特定地点的事件。事件列表从所有地点开始，但我想更改选择框，然后只显示该地点的事件。这是我的一小段代码。
app.js
发送到路由并由index.pug呈现的newEventList & venueList数组
Index.pug(事件列表)
ul#grid
each event in ne
浏览 8提问于2017-12-25得票数 0
回答已采纳
我使用带有以下“刷新输出路径”的pug/jade观察器：$ProjectFileDir$\html\$FileNameWithoutExtension$.html。这应该将输出保存在/html中，但是由于某种原因，它将其保存在jade文件旁边。
浏览 0提问于2016-08-02得票数 0
我正在开发Go web应用程序，并使用Go的内置模板。我可以使用Emmet快速生成HTML代码片段。不过，我更喜欢简洁的 (最近更名为pug )。我想知道是否可以在Go中使用jade (pug)，以及如何设置它。提前谢谢。
浏览 0提问于2016-10-07得票数 1
目前我知道如何使用gulp将json数据注入到jade中，但我的json数据中的markdown格式不正确。我听说过marked，但不确定如何在我的gulp文件或jade文件中使用它。
我直接使用管道传输数据
.pipe(data(JSON.parse(fs.readFileSync(file)))
.pipe(pug())
.pipe(gulp.dest(destdir))
我试过了
.pipe(data(marked(JSON.parse(fs.readFileSync(file)))))
和
.pipe(marked(data(JSON.parse(fs.readFileSync(fil
浏览 0提问于2016-10-19得票数 1
我有一个应用程序，我一直在我的jade文件中使用旧的i18n __(' ')语法进行翻译，但现在我正在将我的电子邮件功能移到我的express控制器之外。
现在使用jade.renderFile()，它不再识别__(' ')。有没有办法在对renderFile的调用中包含i18n？
我想是Jade/Pug吧。
谢谢!
浏览 0提问于2016-10-20得票数 1
1回答
我想用jade/pug编写一个过滤器
这是我的过滤器：
pug.filters.testfilter = function (text) {
console.log(text);
};
我在.pug file中使用它：
li
:testfilter
#{tag.date}
标签数据是{'date': ISODate("2017-03-10T08:17:29.672Z")}我想在testfilter中获取ISODate("2017-03-10T08:17:29.672Z")
但是当我console.log它的时候，它给了我#{ta
浏览 0提问于2017-03-15得票数 0
我正在编写一个中间件函数，需要一种方法来检查已注册到当前应用程序的视图引擎。
因为在express中可以有两个视图引擎：
app.engine('pug',...);
app.engine('jade',...);
app.set('view engine','pug');
app.set('view engine','jade');
//To send view
res.render('index.pug',{viewData:{}});
res.render('inde
浏览 0提问于2018-03-29得票数 1
2回答
我想在带有meteor和iron-router的jade中使用带有{{#contentFor "aside"}}{{/contentFor}}的{{>yield "aside"}}，但我得到了这个错误：
Jade syntax error: unexpected token "indent" <runJavaScript-59>:73:14: Cannot read property 'head' of undefined (at fileModeHandler)
它有什么问题？在jade中，与这些标记等效的空格
浏览 2提问于2015-08-04得票数 1
2回答
我是第一次使用pug，正在尝试弄清楚如何使用npm pug-bootstrap，这样我就可以使用他们的布局了。
我npm安装了jade-bootstrap和pug-bootstrap，但在文档中找不到如何在我的index.pug文件中引用它们的封面引导布局。
我已经有了server.js文件，并且可以将html呈现到我的本地端口上。我尝试将cover.pug页面复制到我的index.pug页面中，但不起作用。
我假设我必须调用它，但我不知道如何调用。如何从PUG-Bootstrap调用我的布局？
浏览 1提问于2018-01-31得票数 1
1回答
所以我有一个问题，我正在读取的字符串包含换行符，并且我解析JS文件中的换行符，如下所示
var str = post.content.replace(/(?:\r\n|\r|\n)/g, '<br/>;');
例如，我想要我的文本：
Hello World! How's it going?
成为
Hello World!
How's it going?
但相反，我得到了
Hello World! <br/> How's it going?
我该怎么做才是最好的呢？我从HTML导入的逻辑似乎在JADE/PUG中不起作用
浏览 9提问于2017-02-08得票数 1
回答已采纳
2回答
使用翡翠或帕格模板的碘
、、、
在Jade/Pug：
ion-nav([root]="rootPage", #content, swipeBackEnabled="false")
Pug编译的HTML结果：
<ion-nav [root]="rootPage" #content="#content" swipeBackEnabled="false"></ion-nav>
它应该在HTML中：
<ion-nav [root]="rootPage" #content swipeBackEnabled=&#
浏览 3提问于2017-01-08得票数 1
回答已采纳
1回答
我正在尝试使用带有Pug (Jade)的express来呈现/显示页面，而函数get()返回时未定义，并显示了警告...
我跑过了：
npm install express --save
npm install pug --save
这是带有未定义get方法的JS文件的顶部...
var app = require('express')();
app.set('view engine', 'pug');
app.get('/', function (req, res) {
console.log("test
浏览 0提问于2017-09-30得票数 0
2回答
我试图将变量的值与常量字符串进行比较，但无法使if语句正常工作。我用的是Angular.js和Jade。
这是我的密码。
ol
li(ng-repeat = "notification in notificationData")
- var typeOfNotification = '{{ notification.typeOfNotification }}'
p #{ typeOfNotification }
-if (typeOfNotification == 'like')
p LIKED
-
浏览 5提问于2014-03-13得票数 4
回答已采纳
1回答
可以使用webpack简单地将jade/pug模板的脚本标记更新为缩小/缓存崩溃的JS包吗？我找到的所有示例都显示了如何使用插件将jade模板转换为HTML。我是服务与快速的玉石文件，不需要他们转换为html。
任何建议或示例配置都会非常有帮助。
谢谢!
浏览 0提问于2017-09-24得票数 0
同时使用ExpressJS、VueJS和Jade的最佳实践是什么？
这是一个有点愚蠢的问题，但是我需要把Jade转换成超文本标记语言吗(就像我知道的那样，因为VueJS不能提供Jade文件)？
我是否需要在ExpressJS中提供Jade或转换后的超文本标记语言索引文件？
如果不使用VueJS，我的index.js文件中的代码如下所示：
app.set("view engine", "pug");
app.set("views", __dirname + "/templates");
app.get('/',
浏览 21提问于2016-07-09得票数 3
1回答
我正在努力使用Jade/Pug设置动态Ids。
我得到了一个带有复选框列的表，并且我试图在这些复选框中设置一个动态/随机id。我正在使用#item$index，但它不起作用。
这是我的代码：
tbody(table-select='ms.tableSelectConfig', ng-model='ms.selected')
tr(ng-repeat='item in ms.items', table-select-item='item')
td
table-select-checkb
浏览 5提问于2017-07-04得票数 0
回答已采纳
我能够登录用户到我的应用程序使用谷歌Auth从Firebase。但是，我似乎无法让用户对象的任何部分出现在我的应用程序的前端(我正在使用Pug模板)。我怎样才能做到这一点？
这是我使用Google将用户签名到我的web应用程序中的代码：
document.getElementById('LogInButton').addEventListener('click', (e) => {
signInWithPopup(auth, provider)
.then((result) => {
// This gives you a G
浏览 3提问于2021-10-15得票数 0
回答已采纳
2回答
在这里遇到了一个奇怪的问题。我有一个相当基本的玉/帕格包括在这里：
extends base.pug
block vars
- var title = 'Home'
block body
header
include ./includes/header.pug
简单地说明一下，仅仅使用extends (没有扩展)就不起作用了。但是，这包括了以下错误：
TypeError: Cannot read property 'replace' of undefined
at before (/var/node/website/no
浏览 9提问于2016-04-27得票数 4
回答已采纳
我正在使用带有视点模块的fastify来呈现pug模板：
Fastify.register(require('point-of-view'), {
engine: {
pug: require('pug')
},
templates: Path.join(__dirname,'templates'),
options: {
filename: Path.join(__dirname,'templates/layout.pug'),
globals: [
浏览 3提问于2017-11-22得票数 2
2回答
我是新手和我的电子邮件模板。
exports.newRegistration = function(user, req){
var sendPwdReminder = transporter.templateSender(new EmailTemplate(templateDir));
// setup e-mail data with unicode symbols
var formattedUrl = url.format({
protocol: req.protocol,
host: req.get('host
浏览 2提问于2016-06-18得票数 0
回答已采纳
1回答
我一定是在做一些非常愚蠢的事情，但是我找不到是什么。我想非常简单地列出MongoDB集合中的文档。我正在使用nodejs，mongoose和Jade (我知道应该迁移到Pug)，我想让一切都保持简单，它能够为了维护的目的而查看数据。
下面是我的jade文件：
extends layout
block content
.uk-container(align="center")
br
table.uk-table(width="100%")
thead
tr
th username
浏览 7提问于2017-06-17得票数 0
回答已采纳
我正在编写一个小型NodeJS/Express应用程序。我将pug设置为其模板引擎：
const app = express();
app.set('view engine', 'pug');
app.set('views', __dirname + "/public/views");
app.use(express.static(__dirname + '/public/static'));
当调用res.render()以发送HTML时，这种方法工作得很好：
app.get('/', func
浏览 2提问于2017-10-19得票数 1
回答已采纳
1回答
Pug 2-循环推送阵列
、、、
我正在创建一个文档，它将帮助我在创建模板时减少时间。我想用我在主文件头中指定的数组来循环独立文件中的代码块，但似乎无法使它工作。
./src/pug/layout.pug
- const flyouts = []
- flyouts.push({variationid: "123", plugin: "none", zone: "ZoneHere", variation: "LargeImage", link: "www.bbc.co.uk", imgloc: "blah.jpg"});
- fly
浏览 2提问于2017-05-09得票数 1
回答已采纳
3回答
我有node js BE。我只想实现布局-包括所有页面的页眉和页脚。模板引擎，如pug (jade)，ejs，等等，对于这个目的来说似乎有点过分了。
你有什么推荐的？
也可能是相关的:我最有可能最终使用angular或react，它们是实现这一点(布局)的有效方式吗？
浏览 0提问于2016-11-15得票数 1
因此，我目前正在研究在一个新的、相当大规模的项目中采用什么样的技术/库等。
考虑到我的团队对NodeJS、JavaScript、Express和Jade (现在是Pug)的了解，我/我们希望在新项目中采用这些技术。
然而，当前的症结在于使用路由中间件在Express下服务HTML的方式。
我们都知道Node/Express在提供静态文件方面做得非常糟糕，这正是Nginx的优势所在。我可以理解甚至实现一个Nginx配置，它处理img/js/css静态文件的服务，但我想了解的是.
能否将使用Express路由的HTML服务(由Jade/Pug生成)移交给Nginx以提高性能？或者，如果您使用的是E
浏览 4提问于2016-06-29得票数 0
回答已采纳
似乎是个重复的问题。但我不知道该怎么做。
我有如下所示的模板。
Index.pug
block head
title INCX - Exchange
block main
include templates/_header
dashboard.pug
block head
title INCX - Exchange
block main
include templates/_header
_header.pug
header.header
section.header-nav-section.full-width
现在，我希望将一个变量从dashboar
浏览 0提问于2018-12-05得票数 0
我正在通过routes.js中的以下代码将获取到的数据传递到我的节点/表示应用程序中的翡翠视图
app.get('/newrequest', function (req, res) {
Account.find({}, function (err, data) {
if (err) {}
res.render('newrequest', {
user: req.user,
mail: data
});
});
});
现在我想提取每
浏览 0提问于2014-02-13得票数 2
回答已采纳
1回答
我有一个nodejs脚本，它可以做一些工作，并将结果保存到文本文件中。我也有index.pug与基本的模板，编译为html。如何在html页面上使用pag显示脚本的结果？
浏览 0提问于2021-06-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
