标签: pug

我尝试在Jade/pug中发表评论,但评论在HTML中呈现为文本.这是我的代码:

doctype html

html(lang='en')
    body
        / This should be a comment

我做什么蠢事？

我有一个按钮"选择文件"如下(我使用Jade但它应该与Html5相同):

 input(type='file', name='videoFile')

在浏览器中,它显示一个按钮,旁边有一个文本"未选择文件".我想将"无文件选择"文本更改为其他内容,例如"没有选择视频"或"请选择视频".我在这里遵循了第一个建议:

我不想在文件输入字段中看到"没有选择文件"

但这样做并没有改变文字:

 input(type='file', name='videoFile', title = "Choose a video please")

任何人都可以帮我找出问题所在？

好奇,如果我这样做,如果不是你们怎么会这样做.

我有一个Jade模板需要呈现从MongoDB数据库中检索的一些数据,我还需要在客户端JavaScript文件中访问该数据.

我正在使用Express.js并将数据发送到Jade模板,如下所示:

var myMongoDbObject = {name : 'stephen'};
res.render('home', { locals: { data : myMongoDbObject } });

然后在home.jade里面,我可以做以下事情:

p Hello #{data.name}!

写出:

Hello stephen!

现在我想要的是也可以访问客户端JS文件中的这个数据对象,这样我就可以在按下按钮之前操作对象,然后再将其发回服务器以更新数据库.

我已经能够通过将"data"对象保存在Jade模板中的隐藏输入字段内,然后在我的客户端JS文件中获取该字段的值来实现此目的.

在home.jade里面

- local_data = JSON.stringify(data) // data coming in from Express.js
input(type='hidden', value=local_data)#myLocalDataObj

然后在我的客户端JS文件中,我可以像这样访问local_data:

在myLocalFile.js中

var localObj = JSON.parse($("#myLocalDataObj").val());
console.log(localObj.name);

然而,这个字符串化/解析业务感觉很乱.我知道我可以将我的数据对象的值绑定到我的Jade模板中的DOM对象,然后使用jQuery获取这些值,但是我想要访问从客户端JS中的Express返回的实际Object.

我的解决方案是否是最佳的,您将如何实现这一目标？

有没有办法在玉石模板中内联？

if(typeof fromEdit != 'undefined')
   div#demo.collapse.in
else
   div#demo.collapse

想做这个条件检查"内联",如果fromEdit存在,结果会将.in添加到div的末尾.

我很确定这是不费脑子的,但我没有找到任何示例代码片段.插入换行符的最佳方法是什么(又名好的ol/br /)？

据我所知,如果我在空行的开头放置一个"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à, già fuori moda, e degno
        br 
        | Piuttosto d’un ancella, certo segno, 
        br 
        | confessiamolo pur senza paura,
        br 
        | di quanto s’è …

我试图从控制器更改输入占位符的值,但无法弄清楚如何.

input(type='text', ng-model='inputText', side='30', placeholder='enter username')

有没有办法修改模型的元素属性？

我喜欢将所有内联元素放在一行中.

<ul>
  <li><a>click<span>here</span><strong>!</strong></a></li>

想知道是否有更好的方法在Jade中创建内联元素而不是:

ul
  li 
    a(href="#") click 
      span here
      strong !

这有点接近,但我不知道如何在不破坏线条的情况下添加跨度和强力标签.

ul
  li: a(href='#') click
    span ...

这显然不是一个超级大问题,但我不能把内联元素内联到有点烦人.谢谢您的帮助

几个月前,这个样式代码对我有用.我已经更新到最新的Jade NPM包,现在它无法正常工作.有人可以帮助我以正确的方式在Jade模板中内嵌样式吗？

doctype 5
html(lang="en")
    head
        style(type='text/css')
           .ui-title {
                margin: 0.6em 10% 0.8em !important;
            }

我在收盘时收到此错误}

unexpected text }

注意:我在帖子结尾处自动回答

我正在尝试更好地体验nodeJS,我真的不想将所有脚本放在一个文件中.

所以,按照这里的帖子我使用这个结构

./
 config/
   enviroment.js
   routes.js
 public/
   css/
     styles.css
   images
 views
   index
     index.jade
   section
     index.jade
   layout.jade
 app.js

我的文件现在是:

app.js

var express = require('express');
var app = module.exports = express.createServer();

require('./config/enviroment.js')(app, express);
require('./config/routes.js')(app);

app.listen(3000);

enviroment.js

module.exports = function(app, express) {
    app.configure(function() {
        app.use(express.logger());
        app.use(express.static(__dirname + '/public'));
        app.set('views', __dirname + '/views');
        app.set('view engine', 'jade'); //extension of views

    });

    //development configuration
    app.configure('development', function() {
        app.use(express.errorHandler({
            dumpExceptions: true,
            showStack: true
        }));
    });

    //production configuration
    app.configure('production', function() {
        app.use(express.errorHandler());
    });

};

routes.js

module.exports …

我有一些文本存储在一个包含一些HTML的变量中.例如,帽子中的<b>猫</ b>.但是,当我在Jade中渲染它时,它会显示标签而不是渲染格式.我怎样才能解决这个问题？