Tag: pug
如何将jade模板编译成JavaScript函数以在客户端使用它们？
我想在客户端使用编译好的jade模板。 我应该如何编译它们以获取JavaScript文件？ https://github.com/visionmedia/jade
使用玉石模板引擎插入元
我想渲染 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 在我的索引页面Html头部 这是正确的解决scheme meta(name="viewport",content="width=device-width, initial-scale=1.0")
如何使用grunt将编译的jade文件复制到目标文件夹
对于我正在处理的单页应用程序，我有以下结构： DIST CSS JS LIB 谐音 的index.html SRC CSS JS LIB 意见 谐音 index.jade 目录dist将被快递服务器用来为项目服务。 我使用grunt-contrib-clean ， grunt-contrib-copy来清理dist并将src / css ， src / js ， src / lib复制到dist 。 问题在于src / views 。 这个目录包含需要被编译成html文件的jade文件。 编译后，我想要他们dist （index.html中的dist根，partials作为子目录）。 目前我正在使用grunt-contrib-jade任务来编译和复制玉文件。 我想将它们复制到dist，因为我不想将编译的html文件添加到源代码pipe理。 但现在这是不可行的，因为你必须指定每个翡翠文件（现在只有less数，但会增长）： jade: { compile: { options: { pretty: true }, files: { // TODO make one line […]
nodejs，玉转义标记
我有一个快速应用程序使用默认的Jade视图引擎。 当我尝试在<pre>元素中按原样呈现HTML时，它将呈现为实际的DOM元素而不是文字字符。 h1 Code Sample pre code <div>some text</div> 输出： <h1>Code Sample</h1> <pre> <code> <div>some text</div> </code> </pre> 我如何转义HTML，使其呈现如下？ <h1>Code Sample</h1> <pre> <code> <div>some text</div> </code> </pre>
在jade模板中使用！{}和＃{}插值（exclamation-object，hash-object）
在jade模板中（使用express over node.js），我看到一个使用以下语法的模板： script(type='text/template', id='data-services') !{data} 我不明白!{ }结构; 显然它插入了一个在其他地方定义的JavaScript对象： var data={ name:"Doe", age:"21" }; Jade docs＆tuts显示使用#{ }进行插值，但我没有看到!{ } 。 即使#{ }没有logging，所以我认为这不是玉特定的。 这个语法来自哪里，它在哪里logging？
玉意想不到的令牌“缩进”
我试图运行一个开源的sparkleshare-dashboard。 到目前为止，我得到了很多错误，因为我不熟悉它所使用的技术。 所以，这一次，当我从命令提示符使用节点命令运行app.js我得到这个错误。 Warning: missing space before text for line 20 of jade file "D:\Imports\sparkles hare-dashboard/views/createFirstUser.jade" Error: D:\Imports\sparkleshare-dashboard/views/createFirstUser.jade:21 19| script(type="text/javascript") 20| $("#login").focus(function() { > 21| $("#loginlabel").fadeOut(); 22| }); 23| $("#login").blur(function() { 24| if ($("#login").val().length == 0) { unexpected token "indent" at Parser.parseExpr (D:\Imports\sparkleshare-dashboard\node_modules\jade\lib \parser.js:229:15) at Parser.block (D:\Imports\sparkleshare-dashboard\node_modules\jade\lib\par ser.js:689:25) at Parser.tag (D:\Imports\sparkleshare-dashboard\node_modules\jade\lib\parse r.js:806:26) at Parser.parseTag (D:\Imports\sparkleshare-dashboard\node_modules\jade\lib\ […]
在jade / id插值中dynamic设置id
我尝试过所有我能想到的排列，但是没有成功。 我试图在玉模板中dynamic地设置一个ID。 #{page.name}(data-role= 'page', data-theme= 'c', data-url='#{"#"+page.name}') 我想知道这是否有可能。 有人知道怎么做吗？ 如果有人知道，请帮助我 – 在我的头发掉出来之前:(
玉/帕格如果其他条件使用
我使用Node.js从.js文件发送一个.jade文件的date。 当#{date}字段为false ，它会在回答时执行else和print man 。 有什么可能出错？ if #{date} == false | #{date} else | man
如何编译玉石模板文件来获取string？
我在我的玉模板文件中有一个视图逻辑。 如何将模型传递给玉，并通过电子邮件进一步发送html？
试图格式化玉模板上的date
我有一个index.js： exports.index = function(req, res){ db.courses.find(function(err, currentCourses) { res.render('index', { currentCourses: currentCourses }); }); }; 在我的玉模板上： tr td #{currentCourses[0].start} 这是一个date，格式为“Sun Sep 2013 2013 00:00:00 GMT + 0100（BST）”。 我怎样才能把它格式化为“2013年9月29日”？ 编辑（在Ed Hinchliffe的评论之后）： -function prettyDate(dateString){ -var d = date.getDate(dateString); -var monthNames = [ "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec" ]; -var m […]
