Tag: 帕格

如何从不同的文件使用多个块？: 我有一个layout.jade ，看起来像这样： html body block content block footer 我的content.jade如下所示： extends layout block content #Content Welcome 我的footer.jade看起来像这样： extends layout block footer #Footer Impressum 现在，当我运行我的app ： app.get('/', function(req, res) { res.render('layout'); }); 我没有看到内容和页脚。当我运行： app.get('/', function(req, res) { res.render('content'); }); 然后我看到内容。当我运行： app.get('/', function(req, res) { res.render('footer'); }); 然后我看到了页脚。我怎样才能看到，内容和页脚？

使用像Jade这样的模板引擎有什么优点和缺点？: 我正在研究用Node.js开发一个Web应用程序。我来自一个PHP背景，我没有使用模板引擎（除了PHP本身），我总是写直HTML。那么，为什么我应该或者不应该使用Jade或其他模板引擎呢？

使用Jade，NodeJS，Express的dynamichtml页面: 我有一个大的json对象，包含从redis keystore检索的示例电子表格中的单元格数据。我想在jade模板中以html表格格式显示它。但现在，我可以把它显示为一个JSONstring。我也不清楚如何使用玉/快速生成dynamic网页。示例JSONstring正试图通过： {"1A":"Cell Data 1", "1B": "Cell Data 2",…} 这是来自Excel电子表格的数据。请帮我澄清这个疑问。

部分没有定义在翡翠: 这是我在index.jade。是的，我正在使用express.js extends layout block content h1 Invoices: != partial("invoice") 这与我在每个Jade / Express教程中看到的相符。但是我得到“参考错误：部分未定义”。任何想法为什么？

JADE + EXPRESS：迭代内联JS代码中的对象（客户端）？: 我想实现一个基于其API的谷歌地图。我想添加一个基于坐标的path。因此，我从我的模型中获得我的坐标，并且想要迭代对象以使用这些点填充地图。在我的玉模板中，我包含了这样的api js代码： script(type='text/javascript') function initialize() { var myLatLng = new google.maps.LatLng(0, -180); var myOptions = { zoom: 3, center: myLatLng, mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var flightPlanCoordinates = [ – if (typeof(pins) != null) – var.pins.forEach(function(pin) { new google.maps.LatLng(pin.latitude, pin.longitude), – }) new google.maps.LatLng(0,0) ]; var flightPath = […]

在没有jsonparsing的情况下输出一个服务器生成的json对象: 我有一个JSON对象，不符合JSON标准，我不能改变对象的结构，使其遵守JSON标准。我需要使这个对象呈现在Jade模板中的一个JavaScript块的中间。该对象实际上是在模板中的function块中进行的configuration对象。这是对象。 { services: [], version: "1438276796258", country: "default", role: "User", Zack_Init: function () { }, Zack_Global: function (event) { }, Zack_PostRender: function () { }, renderers: ['Renderer', 'NONE'] } 更新这里是我从JS文件获取该对象。 function readJSFile(url, filename, callback) { fs.readFile(url, "utf-8", function (err, data) { if (err) { callback(err); return; } try { callback(filename, data); } […]

Heroku（Cedar）+ Node + Express + Jade子目录中的客户端JavaScript文件在工作时使用foreman + curl，但是当推送到Heroku时: 我对节点和heroku很新，我怀疑这是一种简单的许可问题等，但我似乎无法跟踪它。我在我的web.js文件所在的根目录下的一个子目录中有几个纯JavaScript文件。我在我的web.js文件中有一行来指定目录 app.use('/heatcanvas',express.static(__dirname+'/heatcanvas')); 如果我使用Heroku Foreman在本地运行我的应用程序，那么在运行以下curl命令时，会得到预期的js响应 curl localhost:5000/heatcanvas/heatcanvas.js 但是，当我推到Heroku，并在浏览器中击中相应的实时url www.example.com/heatcanvas/heatcanvas.js 我收到以下内容： Cannot GET /heatcanvas/heatcanvas.js 如果我检查Firebug和/或Heroku日志，我发现我实际上得到这些文件的404错误，即使path应该匹配在本地完成。另外值得一提的是，第三方javascript正好过来，只有脚本标记的src属性指向我的网站时才有问题。我需要做什么才能使我的脚本可用？

不是Jade的节点的模板引擎: 翡翠确实非常整洁，但我个人不喜欢它的语法和外观。是的，能够写： body h1 Hello p This is b bold 这很酷，但我更喜欢HTML / XML的外观和感觉。它是人类和机器可读的，总的来说，我认为它更容易浏览和理解。是否有任何模板引擎工作更像： <body> <h1>{title}</h1> <p>{content}</p> </body> 使用相同的翡翠般的概念： res.render('index', { title:pageTitle, content:pageContent });

用Jade渲染从Express传递的数组: 与此有关的大多数问题似乎都是关于将服务器端JS对象传递给客户端JS对象。也许我错过了一些东西，但我想要做的就是使用服务器端的JS对象呈现HTML。在服务器上： app.get '/', (req, res) -> res.render 'index', data: keywords: [ 'one' 'two' ] 使用这些文档，没有什么在index.jade文件中工作： – var keywords = [#{data.keywords}] each kw in keywords li= kw – var keywords = ["#{data.keywords}"] each kw in keywords li= kw – var keywords = "#{data.keywords}" each kw in keywords li= kw – var keywords = #{data.keywords} […]

我怎样才能摆脱玉模板内的花括号？: 我可以逃避一个玉teplate内的花括号吗？（我在node.js中使用jade）我想呈现jQuery模板到客户端。我想逃离的部分是这样的： div(class='clear') script(id='BoardListTemplate', type='text/x-jQuery-tmpl') <p>${Title}</p> <ul id="${Id}" class="IterationBoardList"> <li class="AddNewItem">Add new Item</li> {{tmpl(Items) "#BoardListItemTemplate"}} </ul> script(id='BoardListItemTemplate', type='text/x-jQuery-tmpl') <li class="Item" id="${{$data.Id}}"> ${$data.Description}<br /> Assigned to: ${$data.AssignedTo}<br/> StoryPoints: ${$data.StoryPoints}</li> script(src='/javascripts/Scrummr.Engine.js', id='BoardListItemTemplate', type='text/javascript') 非常感谢