Tag: pug
当地的玉佛寺
在我的Jade模板中使用当地人时遇到问题。 我的代码是… function(req, res) { BlogPostModel.find({}, function(e, data) { if (e) throw e; posts = data; var path = __dirname + "/view/admin/blog.jade", template = fs.readFileSync(path, "utf8"), options = { filename: path }, fn = jade.compile(template, options), html = fn(posts); res.end(html); }); 上面的代码呈现很好，但我不得不使'数据'成为一个全局variables。 我宁愿将“数据”直接传递给我的函数调用。 但是当我这样做的时候，我得到了一个来自Jade的'variables未定义'的错误。 谁能告诉我为什么'数据'超出了范围？ 谢谢， FBZ
将parameter passing给Jade文件时，我可以（如何）使用Jade简写？
我正在玩Nodejs，并想知道我是否可以用玉石风格简写（即 a(href='/page?name=contact') 作为传递给玉文件的参数的一部分。 举例来说，我想写一些（从忍者商店的例子）的行： var name = req.query.name; var contents = { about: 'a(href="/page?name=about") Ninja Store \n sells the coolest ninja stuff in the world. Anyone shopping here is cool.', contact: 'You can contact us at <address><strong>Ninja Store</strong>,<br>1, World Ninja Headquarters,<br>Ninja Avenue,<br>NIN80B7-JP,<br>Nihongo.</address>' }; res.render('page', { title: 'Ninja Store – ' + name, username: req.session.username, content:contents[name] […]
在客户端从CoffeeScript渲染JS（在Node.js服务器上）
我怎样才能做这个工作？ 这是我的玉档： !!! html head title= title link(rel='stylesheet', href='/stylesheets/style.css') sript(type='text/javascript', src='/javascripts/script.coffee') 我不想在我的项目中使用任何JavaScript，所以我使用node-dev运行app.coffee而不是app.js作为服务器。 它适用于服务器端的咖啡文件，但不适合客户端。 我需要某种可以在飞行中编译咖啡文件的渲染引擎，如触笔中间件： app.use require('stylus').middleware(__dirname + '/public') app.use express.static path.join __dirname, 'public'
Jade.escape在编译的Jade模板上是未定义的
我已经编译了一个玉的模板，如： jade –client –no-debug … 然后在客户端包含jade.js和编译的模板文件。 但是jade.escape是未定义的。 我注意到编译的模板函数如下所示： function anonymous(locals, attrs, escape, rethrow, merge) { attrs = attrs || jade.attrs; escape = escape || jade.escape; rethrow = rethrow || jade.rethrow; merge = merge || jade.merge; var buf = []; with (locals || {}) { var interp; buf.push('<h1>'); var __val__ = title buf.push(escape(null == __val__ ? […]
为什么我的玉variables未定义？
我想用玉来渲染一个页面。 在我的路线文件，我有这个： exports.start = function(req, res){ res.render('start', { title: 'Special you!', locals: { percent: 0 } }); }; 在start.jade文件中，我想使用百分比variables，如下所示： .progress.progress-success .bar(style='width: #{locals.percent}') 我还在start.jade中包含了这个代码，用于debugging目的： each item in locals p= item 输出是这样的： [object Object] Special you! function locals(obj){ for (var key in obj) locals[key] = obj[key]; return obj; } false C:\Users\Alexandru\Documents\GitHub\yolo-adventure\views\start.jade locals.percent的值是未定义的。 完整的start.jade文件是： extends layout block custom-style […]
在Heroku上找不到的Jade模板
在本地运行此 Express应用程序。 在Heroku上运行时，在请求/或/nested时会出现粘贴错误 Error: Failed to lookup view "index" at Function.app.render (/app/node_modules/express/lib/application.js:493:17) at ServerResponse.res.render (/app/node_modules/express/lib/response.js:753:7) at /app/server.js:21:16 at callbacks (/app/node_modules/express/lib/router/index.js:161:37) at param (/app/node_modules/express/lib/router/index.js:135:11) at pass (/app/node_modules/express/lib/router/index.js:142:5) at Router._dispatch (/app/node_modules/express/lib/router/index.js:170:5) at Object.router (/app/node_modules/express/lib/router/index.js:33:10) at next (/app/node_modules/express/node_modules/connect/lib/proto.js:199:15) at store.get.next (/app/node_modules/express/node_modules/connect/lib/middleware/session.js:309:9) Error: Failed to lookup view "nested/index" at Function.app.render (/app/node_modules/express/lib/application.js:493:17) at ServerResponse.res.render (/app/node_modules/express/lib/response.js:753:7) at /app/server.js:24:16 at callbacks (/app/node_modules/express/lib/router/index.js:161:37) […]
如何加载phonegap / cordova与玉？
我正在开发一个使用node.js，express和jade的Web应用程序。 我有以下的玉的模板，我看到在Phonegap应用程序中使用WebView： doctype mobile html head script(src="cordova-2.1.0.js") script var ready = function() { alert(\'Ready\'); } document.addEventListener("deviceready", ready); title= title link(rel='stylesheet', href='/stylesheets/style.css') body block content h1= title button(id='vibrateButton', onclick='navigator.notification.vibrate(2000);')Confirm #services – each service in services div.service a(href=service.link)!= service.name div.desc= service.description 这个模板将产生的是一个网页，其中包含将从mongo数据库获取的项目列表（描述和链接）。 该页面使用node.js提供 现在，cordova脚本没有被加载，因为没有显示alert（“Ready”）。 另外，如果我按下button，设备将不会振动，控制台将显示以下消息： Uncaught TypeError: Cannot call method 'vibrate' of undefined at http://xx.xxx.xx.x:3000/:5 如何使用jade包含Phonegap脚本？ 我试图加载简单的脚本只是一个警报，它的工作原理，但在这种情况下，我不知道为什么它不工作。 […]
在玉这是如何解释？ <％= lastName％>
我目前有这样的代码，但名字显示的方式显示。 我想弄清楚这是玉是什么，因为这是不对的。 玉文件 div.centerContent script(type="text/javascript", src="/js/main.js") h4 User goes here with equal before it no space div#user p!= "<%=firstName%>" | <%=lastName%> p!="<%= email %>" p <%=phone%> p <%=birthday%> button.edit Edit script(id="userTemplate", type ="text/template") p <%=firstName%> <%=lastName%> p <%=email%> p <%=phone%> p <%=birthday1%> button.edit Edit script(id="userEditTemplate", type ="text/template") div form(action="#") input(type="text", class="firstName", value="<%= firstName %>") input(type="text", […]
骨干模型不是呈现默认？ 需要玉和骨干大师
嘿所以我有一个问题，我的模板改变，但骨干模型似乎并没有提供我所需要的信息。 我试图解决这个问题，所以我可以继续收集。 我没有得到任何错误，我正在使用句柄，但也尝试了下划线的模板以及问题不在于那里，但对信息显示。 当我点击编辑和编辑模板显示它显示未定义的＃{firstName}和其他人。 Main.js文件 (function () { window.App = { Models: {}, Collections: {}, Views: {}, Templates: {}, Router: {} }; // MODEL App.Models.User = Backbone.Model.extend({ defaults: { firstName: 'first', lastName: 'last', email: 'Email', phone: '222', birthday: 'date' }, validate: function (attrs) { if (!attrs.firstName) { return 'You must enter a real first name.'; […]
Jade代码块格式
在Jade中定义一个代码块的时候，我不确定在代码前是否真的需要破折号。 例如，我看到下面的代码工作（从http://naltatis.github.io/jade-syntax-docs/#if ）： if name == "Bob" h1 Hello Bob else h1 My name is #{name} 这也适用： – if (name == "Bob") h1 Hello Bob – else h1 My name is #{name} 在第二个if括号是需要的。 我更喜欢第一，但要确保两个都是正确的。 玉官方文件显示在第二种forms的一切。
