Tag: pug
玉内联有条件的
我试图使一切从数组中的第一个元素有一个CSS类使用Jade模板引擎。 我希望能这样做，但没有运气。 有什么build议么？ – each sense, i in entry.senses div(class="span13 #{ if (i != 0) 'offset3' }") … a tonne of subsequent stuff 我知道我可以包装代码如下，但据我了解玉的嵌套规则工作，我不得不复制代码或提取到一个Mixin什么的。 – each sense, i in entry.senses – if (i == 0) .span13 … a tonne of subsequent stuff – else .span13.offset3 … identical subsequent stuff 有没有更好的方法来做到这一点？
如何使Jade停止HTML编码元素的属性，并产生一个文字string值？
更新 Jade v0.24.0使用!=语法来修复属性。 option(value!='<%= id %>') 我试图用jade创build一个<option> ，其中选项的值是一个UnderscoreJS模板标记： <%= id %>但是我不能让它工作，因为jade将我的标记文本转换为<= id > 。 这是我的Jade标记： script(id="my-template", type="text/template") select(id="type") <% _.each(deviceTypes, function(type){ %> option(value='<%= type.id %>') <%= type.name %> <% }) %> 我期望它产生这个HTML： <script id="my-template" type="text/template"> <select id='type'> <% _.each(deviceTypes, function(type){ %> <option value="<%= type.id %>"> <%= type.name %> </option> <% }) %> </select> </script> 但是我得到的是这样的： […]
翡翠模板，如何将具体对象传递给页面？
我有我的node.js项目的玉模板。 我想发送一个对象到玉模板，并将其传递给页面内的一个函数（以呈现一些东西）。 我相信我会从服务器发送正确的东西 res.render(__dirname + '/pages/viz.jade', { vizJson: newJson, }); 在客户端我做这样的事情： script sunburst(#{vizJson}) 因此，在一个脚本函数中，我想调用一个函数来创build我在服务器端创build的一些json的可视化。 问题是，当呈现我有像sunburst([Object object]) 。 我也尝试发送string版本的JSON，但是当我做JSON.parse(#{vizJson})它抱怨像Unexpected token & 。 我发送的json总是不同的，并且具有不同的深度。 有谁知道该怎么办？ 谢谢
使用Jade在variables中呈现HTML
我有一些文本存储在一个包含一些HTML的variables。 例如，帽子里的猫 。 但是，当我在翡翠呈现它，它显示与标签，而不是呈现格式。 我怎样才能解决这个问题？
翡翠线断裂怎么样？
我很确定，这是一个没有头绪，但我没有find任何示例代码片段。 什么是插入换行符的最好方法（又名好的）？ 据我可以看到，如果我把一个“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 a molti privo di decoro br | Apparirà, […]
在Jade中创build内联元素的简明方法是什么？
我喜欢将所有内联元素放在一行中。 <ul> <li><a>click<span>here</span><strong>!</strong></a></li> 想知道是否有更好的方式在Jade中创build内联元素： ul li a(href="#") click span here strong ! 这有点接近，但我不知道如何添加跨度和强大的标签没有断线。 ul li: a(href='#') click span … 这显然不是一个超级大的问题，但有点烦人，我不能把内联元素内联。 谢谢您的帮助
翡翠/帕格评论
我尝试在Jade / pug中做出评论，但评论在HTML中作为文本呈现。 这是我的代码： doctype html html(lang='en') body / This should be a comment 我在做什么愚蠢的事情？
如何将variables从玉模板文件传递给脚本文件？
我遇到了一个在jade模板文件（index.jade）中声明的variables（config）没有传递给javascript文件的麻烦，然后我的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, port: app.settings.port }); }); […]
在编写AngularJs应用程序时，使用Jade或Handlebars有什么用处
我是全新的（ish）整个javascript全栈应用程序，并且对Angular来说是全新的，所以我希望有人能够把这个logging直接给我。 为什么在使用AngularJS编写客户端应用程序时，需要使用像Jade或Handlebars这样的模板框架。 我应该说，我从来没有使用任何这些模板框架。 所以我完全不熟悉这个优点。 但是当我看着Handlebars的时候，它和我在Angular中做的很多事情一样，比如循环等等。 据我所知，使用适当的HTML在Angular中创build模板，然后做所有的模板客户端，并将其与使用节点和mongo的API第一种方法相结合是最有意义的。 造成这种困惑的原因是我在GitHub上find的很多例子都使用了Jade，而这对我来说似乎是非常直观的。 请赐教，让我坐直。 我很想学习一些比我知道得多的人的最佳实践。 谢谢
