Questions tagged «pug»

Pug（以前称为Jade）是用于Node.js的健壮，优雅且功能丰富的模板引擎。

6
节点上的客户端：未捕获ReferenceError：需求未定义
因此，我正在使用node / express + jade组合编写应用程序。 我有client.js，已在客户端上加载。在该文件中，我有调用其他JavaScript文件中的函数的代码。我的尝试是使用 var m = require('./messages'); 为了加载内容messages.js（就像我在服务器端一样），然后再加载该文件的调用函数。但是，require未在客户端定义，并且引发形式的错误Uncaught ReferenceError: require is not defined。 这些其他JS文件也会在运行时在客户端上加载，因为我将链接放在网页的标题上。因此，客户端知道从这些其他文件导出的所有功能。 如何从打开服务器套接字messages.js的主client.js文件中的其他JS文件（如）调用这些函数？
8
如何使用Jade / Pug渲染内联JavaScript？
我正在尝试使用Jade（http://jade-lang.com/）使JavaScript呈现在页面上 我的项目在带有Express的NodeJS中，在我想在头中编写一些内联JavaScript之前，传送功能都可以正常工作。即使从Jade文档中获取示例，我也无法使它正常工作，我还缺少什么？ 玉模板 !!! 5 html(lang="en") head title "Test" script(type='text/javascript') if (10 == 10) { alert("working") } body 在浏览器中生成的呈现HTML <!DOCTYPE html> <html lang="en"> <head> <title>"Test"</title> <script type="text/javascript"> <if>(10 == 10) {<alert working></alert></if>} </script> </head> <body> </body> </html> 这里肯定有什么想念的想法吗？
222 node.js  express  pug 
10
编写AngularJs应用程序时Jade或Handlebars有什么用
我是整个javascript全栈应用程序的新手，并且对Angular还是陌生的，所以我希望有人可以在这里为我提供记录。 为什么在使用AngularJS编写客户端应用程序时需要使用Jade或Handlebars之类的模板框架。 我应该说，我也从未使用过任何这些模板框架。因此，我完全不了解这些优势。但是，例如，当我看一下Handlebars时，它会执行许多与Angular中相同的事情，例如循环等。 据我所知，使用适当的HTML在Angular中创建模板，然后对所有客户端进行模板化，然后将其与使用node和mongo的API first方法结合起来，将是最有意义的。 造成这种混乱的原因是，我在GitHub上找到的许多示例都使用了Jade，这对我来说似乎很不直观。 请开导我，让我挺直。我很乐意向比我了解更多的人学习一些最佳实践。 谢谢
6
如何将变量从玉模板文件传递到脚本文件？
我在未传递到javascript文件的玉模板文件（index.jade）中声明的变量（config）遇到问题，这会使我的javascript崩溃。这是文件（views / index.jade）： h1 #{title} script(src='./socket.io/socket.io.js') script(type='text/javascript') var config = {}; config.address = '#{address}'; config.port = '#{port}'; script(src='./javascripts/app.js') 这是我的app.js（服务器端）的一部分： app.use(express.bodyParser()); app.use(express.methodOverride()); app.use(app.router); app.use(express.static(__dirname + '/public')); }); app.configure('development', function(){ app.set('address', 'localhost'); app.use(express.errorHandler({ dumpExceptions: true, showStack: true })); }); app.configure('production', function(){ app.use(express.errorHandler()); }); // Routes app.get('/', function(req, res){ res.render('index', { address: app.settings.address, …
119 javascript  node.js  pug 
13
玉：段落内的链接
我正在尝试用Jade编写一些段落，但是当一个段落中有链接时，发现它很困难。 我能想到的最好的，我想知道是否有一种方法可以减少标记： p span. this is the start of the para. a(href="http://example.com") a link span. and this is the rest of the paragraph.
118 node.js  markup  pug 
2
Jade和EJS for Node.js模板的优缺点是什么？[关闭]
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 Jade与EJS，每种都有什么优缺点，每种目的是为了什么？ 是否还有其他兼容Express的模板引擎，为什么？
118 node.js  pug  ejs 
18
更改“未选择文件”：
我有一个按钮“选择文件”，如下所示（我正在使用Jade，但它应该与Html5相同）： input(type='file', name='videoFile') 在浏览器中，这将显示一个按钮，旁边带有一个文本“未选择文件”。我想将“未选择文件”文本更改为其他内容，例如“未选择视频”或“请选择视频”。我遵循了这里的第一个建议： 我不想在文件输入字段中看到“未选择文件” 但是这样做并没有改变文本： input(type='file', name='videoFile', title = "Choose a video please") 有人可以帮我弄清楚问题出在哪里吗？
90 html  button  file-upload  pug 
6
Jade-模板引擎：如何检查变量是否存在
我目前在一个新项目上使用Jade。我想呈现一个页面并检查某个变量是否可用。 app.js： app.get('/register', function(req, res){ res.render('register', { locals: { title: 'Register', text: 'Register as a user.', } }); }); register.jade： - if (username) p= username - else p No Username! 我总是收到以下错误： username is not defined 关于如何解决此问题的任何想法？
80 node.js  pug  express 
2
Jade / pug中的评论
我尝试在Jade / pug中进行注释，但是注释在HTML中呈现为文本。这是我的代码： doctype html html(lang='en') body / This should be a comment 我在做什么蠢事？
78 node.js  pug 
10
玉的换行怎么样？
我很确定这是理所当然的，但是我没有找到任何示例代码片段。插入换行符的最佳方法是什么（又称“ OL / BR”）？ 据我所知，如果我在空行的开头放置“ br”，则将其呈现为，<br/>但是如果我必须显示几行文本，则生成的代码将非常冗长： .poem p | Si chiamava Tatiana, la sorella… br | Noi siamo i primi, almeno lo crediamo br | Che un tale nome arditamente nella br | Cornice d’un romanzo introduciamo. br | E che dunque? E’ piacevole, sonoro. br | Lo so che …
72 node.js  pug 
5
在客户端JavaScript中访问Express.js局部变量
我想知道我是否做对了，如果不正确，你们会怎么做。 我有一个Jade模板，该模板需要呈现从MongoDB数据库检索到的一些数据，并且还需要访问客户端JavaScript文件中的该数据。 我正在使用Express.js并将数据发送到Jade模板，如下所示： var myMongoDbObject = {name : 'stephen'}; res.render('home', { locals: { data : myMongoDbObject } }); 然后在home.jade内部，我可以做类似的事情： p Hello #{data.name}! 写出来： Hello stephen! 现在，我想要的是也可以访问客户端JS文件中的此数据对象，以便在将其回发到服务器以更新数据库之前，只需单击一下按钮即可操作该对象。 通过将“数据”对象保存在Jade模板的隐藏输入字段中，然后在客户端JS文件中获取该字段的值，我已经能够实现这一点。 内部home.jade - local_data = JSON.stringify(data) // data coming in from Express.js input(type='hidden', value=local_data)#myLocalDataObj 然后在我的客户端JS文件中，我可以像这样访问local_data： 在myLocalFile.js内部 var localObj = JSON.parse($("#myLocalDataObj").val()); console.log(localObj.name); 但是，这种分类/解析业务令人感到混乱。我知道我可以将数据对象的值绑定到Jade模板中的DOM对象，然后使用jQuery提取这些值，但是我想访问客户端JS中从Express返回的实际对象。 我的解决方案是否最优，你们将如何实现？
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.