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将我的标记文本转换为&lt;= id &gt; 。 这是我的Jade标记: script(id="my-template", type="text/template") select(id="type") &lt;% _.each(deviceTypes, function(type){ %> option(value='&lt;%= type.id %>') <%= type.name %> &lt;% }) %> 我期望它产生这个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,而这对我来说似乎是非常直观的。 请赐教,让我坐直。 我很想学习一些比我知道得多的人的最佳实践。 谢谢