Tag: pug

玉石模板 – 没有图像出现@ res.render()

在这个行的x.jade(示例文件): img(id='add-razaoSocial', class='input-img', src='images/add-mono.png') 从index.jade,如果我这样做: res.redirect('my/path/way') 没关系,如果我这样做: res.render('x') img不会出现。 看到这个链接( http://cl.ly/2u1A2P0P1b2b3F0b0Q2v )与图像;) 谢谢!

翡翠button的自定义属性

您好我正在尝试使用node.js和玉代码的网页。 我试图添加一个自定义属性到一个button,如在HTML中: <input type = "button" specialID = someSpecialID, onclick="doSomething(specialID);"> 其中someSpecialID是节点服务器传递到模板的值。 我试过了: input(type = "button", specialID = someSpecialID, onclick = "doSomething(specialID);") 和: input(type = "button", onclick = "doSomething(specialID);") specialID = someSpecialID 但自定义属性似乎并没有采取。 我不断收到specialID没有定义的错误。 对于node.js和jade,我还是比较陌生,所以如果这是一个微不足道的问题,我很抱歉。 我非常感谢这方面的帮助。

使用Node.js中的Jade模板中的大数据设置行

我有约100个项目,我用玉迭代写他们每个人的HTML。 然而,我正在努力寻找一种优雅的方式来将项目分成三行。 要清楚,我想要这样的东西: .row .item1 .item2 .item3 .row .item1 … 等等… 我已经尝试与内联的JavaScript这样的事情没有运气: – var a = 0; each item in list – a++; – if(a % 3 == 0) .row-fluid .span3(id='#{item.id}') p #{item.id} – else .span3(id='#{item.id}') p #{item.id}

Jquery ui标签与玉

您好,我试图创buildJQuery的UI标签与玉节点js模板引擎。 它不工作。 这里是index.jade: #tabs ul li a(href='#tabs-1') New employee li a(href='#tabs-2') Index of employees #tabs-1 .page-header h1 New employee – var form = formFor(employee, {action: pathTo.employees(), method: 'POST', id: "employee_form", class: 'form-horizontal'}) != form.begin() include _form .form-actions != form.submit('<i class="icon-ok icon-white"></i> Create employee', {class: 'btn btn-primary'}) span= ' or ' != linkTo('Cancel', pathTo.employees(), {class: 'btn'}) […]

Jade的JS不输出对象属性,但输出_id和__v罚款?

我有一个与Jade模板引擎或其他问题的问题; 我不知道。 当我遍历一个对象并输出它的属性时,它似乎不会输出“country”属性,但输出“ id”和“ _v”属性很好。 我期望“部分”属性不输出,因为它本身是一个对象,但它没有在控制台日志中说什么。 架构: var CSVSchema = { country: {type: String} , sections: [ { title: {type: String} , sub_sections: [ { title: {type: String} , value: {type: String} } ] } ] }; search控制器:这在mongodb数据库中search国家(使用mongoose),并呈现翡翠模板传递封闭的属性。 exports.query = function (req, res) { var query = req.body.query; results.find({"country": query}, function (err, data){ res.render('search/query', { […]

Jade模板引擎无法将<p>标签添加到div的内部

无法将“p”标签添加到div的内部。 这是我的代码: !!! html head title= title link(rel='stylesheet', href='/stylesheets/#{stylesheet}.css') link(rel='stylesheet', href='/stylesheets/bootstrap.min.css') body .container .row .col-md-4 .col-md-4 .well – if (error) p= error form(role='form',action='sessions', method='post') .form-group label(for='Email') Eposta Adresi input#Email.form-control(type='email',name='user[email]',placeholder='E-posta adresi') .form-group label(for='Password') Şifre input#Password.form-control(type='password',name='user[password]', placeholder='Şifre') button.btn.btn-default(type='submit') Giriş script(type='text/javascript', src='/javascripts/jquery-1.10.2.min.js') script(type='text/javascript', src='/javascripts/bootstrap.min.js') 它呈现如下: <html> <head> <title>Giriş</title> <link rel="stylesheet" href="/stylesheets/login.css"> <link rel="stylesheet" href="/stylesheets/bootstrap.min.css"> </head> <body style="" cz-shortcut-listen="true"> […]

如何将html代码包含到Jade文件中?

我从数据库中获得一些HTML: <span style="text-decoration: underline; font-style: italic; font-weight: bold;">Hello Summernote</span> 如何使用Jade将此html添加到div? 当我试图添加它时,我得到了类似的东西。 <div>"<span style="text-decoration: underline; font-style: italic; font-weight: bold;">Hello Summernote</span>"</div>

更新玉的一部分页面?

我试图进行search,并将结果发送回相同的网站,我有search工作,但我不能得到的结果被送回。 我想要起始站点呈现没有页面重新加载的信息。 如何将search结果发送回index.jade页面而无需更新? function pagelist(items, res) { var document=''; var db = db_login; if ( items != null){ items.forEach(function(item) { document += '<a href=share/'+item._id+' class="searchElement">' document += item.document document += '</div>' }) if(document != ''){ res.send(document); }else{ } } } index.jade extends layout block content block child child.jade extends index block child !{document}

如何使用jade页面从数据库显示名称

**app.js file** var MongoClient = require('mongodb').MongoClient; var dbConnect MongoClient.connect("mongodb://localhost:27017/mydb", function(err, db){ dbConnect = db; }); app.engine('jade', require('jade').__express); app.set('view engine', 'jade'); app.get('/', function (req, res) { dbConnect.collection("users").find({}, function(err, docs) { if (err) throw err; else { app.render("index", {docs: docs}); } }); }); **index.jade file** ul each name in docs li= name The result shows only blank […]

Jade中不允许使用重复的属性“{”

我试图把一个脚本写入玉,但它不会让我使用多个花括号。 这里是我试图把玉的图表代码。 body h1 Crimes by Category .ct-chart script(new Chartist.Bar('.ct-chart', { labels: ['XS', 'S', 'M', 'L', 'XL', 'XXL', 'XXXL'], series: [20, 60, 120, 200, 180, 20, 10] }, { distributeSeries: true });) 我得到重复属性“{”是不允许的。 我不知道如何解决这个问题。 任何帮助,将不胜感激。