Tag: pug

玉模板HTML括号撇号和多行问题

当我使用HTML标签的#[]语法时遇到了一些问题。 以下是我遇到的两个问题: 使用撇号 p. #[strong John's strong text] is really strong. 错误信息: The end of the string was reached with no closing bracket found.] 使用多行 p. #[strong This strong text is really really long. This strong text is really really long. This strong text is really really long.] 错误信息: The end of the string was […]

如何将angular度uiselect结果绑定到ui-grid / ng-grid

我想绑定一个UIselect结果到一个UI网格… $scope.gridOptions = { enableSorting: true, showFooter: true, columnDefs: [ { field: 'name', name: 'Name' }, ], data: 'multipleDemo.selected', onRegisterApi: function( gridApi ) { $scope.gridApi = gridApi; } }; $scope.selectItem = function (item, model) { $scope.gridApi.core.notifyDataChange( $scope.gridApi.grid, uiGridConstants.dataChange.EDIT ); }; 我的玉模板是这样的: ui-select(theme='bootstrap', multiple='', ng-model='multipleDemo.selected', ng-disabled='disabled', close-on-select='false', on-select='selectItem()') ui-select-match(placeholder='select something…') {{$item.name}} ui-select-choices(repeat='f in data | filter: […]

Jade mixin迭代json

我有以下的json文件: { "leadership": [ { "leadername": "Name1", "leaderjob": "Chairman", "leaderdescription": "The boss" }, { "leadername": "Name2", "leaderjob": "Chief Executive Officer", "leaderdescription": "Other boss" } ] } 如果我尝试使用以下mixin获取内容: mixin defList(obj) dl.deflist each item in obj dt= item.leadername dd= item.leaderdescription 通过这样的调用 +defList(leadership) 一切正常,但我想要的是这样的: mixin defList(obj, name, description) dl.deflist each item in obj dt= name dd= description 所以我可以这样称呼它: […]

Jade:ReferenceError:TokContext没有定义

我使我的app.js最简单的节点服务器。 要做到这一点,我安装了下一个库: npm install node-jsx react express jade 。 现在,当我用node app.js启动它时,会得到下一个错误: c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:2275 _classCallCheck(this, TokContext); ^ ReferenceError: TokContext is not defined at new TokContext (c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:2275:25) at Object../state (c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:2285:11) at s (c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:1:681) at c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:1:732 at Object../expression (c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:907:21) at s (c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:1:681) at e (c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:1:852) at c:\Programming\React_Examples\server rendering\node_modules\jade\node_modules\constantinople\node_modules\acorn\dist\acorn.js:1:870 at a (c:\Programming\React_Examples\server […]

我怎样才能得到玉模板在Visual Studio中自动编译保存操作?

任何人都可以发布一些基本的步骤,如何获得* .html文件编译为* .jade文件在Visual Studio中的文件更改/保存操作? 我已经安装了nodetools,web essentials。 语法突出显示似乎工作,但创build一个.jade文件什么都不做。 我认为在某个地方有一个缺失的步骤。 我需要使用grunt-contrib-jade这样的任务吗?

用Mongoose在Jade中显示数据

我一直在试图抓住存储在mongodb中的数据,并用一个简单的Jade模板来显示它。 我有点新鲜,在这一点上我完全迷失了方向。 这是我在/ yfirlit上渲染集合时的输出 / yfirlit的快速路由器看起来像这样 apiRouter.get('/yfirlit', function(req, res){ apiUser.find(function(err, users) { if(err) res.send(err); res.render('yfirlit', {title: 'Yfirlit', users: users}); }); }); 我简单的玉模板 html head title!= title body div #{users} p | API 当我运行testing时,整个mongodb集合显示在网站上。 我正在寻找的是能够仅显示集合中的一部分文档。 例如:我试图在Jade模板中只显示name属性,但是无法正确显示。 html head title!= title body div #{users.name} p | API 任何帮助将不胜感激,我是如此迷茫,我希望能够渲染出只有我想要的属性,而不是像图片中的整个事情。 干杯!

从JavaScriptstring中提取嵌套的内联Jade元素

在Jade文件里面,我有一个JavaScriptstring,像- var example = "Hello #[a(href='#') World]" ,我把它传递给一个像p=example这样的段落元素。 这不合需要地输出一个HTML段落元素,如<p>Hello #[a(href='#') World]</p> 。 我正在寻找的输出是<p>Hello <a href='#'>World</a></p> 这有什么窍门吗? 我是不是很糟糕? 提前致谢。 编辑: 我刚刚在Jade文档中发现了这篇文章中的转义 。 这给了一个类似的例子(我编辑它来匹配我的例子): 更新的JavaScriptstring是- var example = "Hello <a href='#'>World</a>" p=example => <p>Hello &lt;a href='#'&gt;World&lt;/a&gt;</p> p!=example => <p>Hello <a href='#'>World</a></p> 我现在要testing一下。 EDIT2: 有用! 现在要做很多的编辑…

如何通过_id使用MongoDB和Jade(Express.js)删除文档?

我已经成功地使用MongoDBbuild立了一个数据库,并且设法添加了新的条目到我的集合中。 但是,当我使用类似的方法来删除,没有任何反应。 Express.js代码 router.post('/deleteproject', function(req, res) { var MongoClient = mongodb.MongoClient; var url = 'mongodb://localhost:27017/plugd'; MongoClient.connect(url, function(err, db) { if (err) { console.log("Unable to connect to server", err); } else { console.log('Connected to server'); var collection = db.collection('projects'); collection.remove( {_id: new mongodb.ObjectID(req.body)}, function(err, result) { if (err) { console.log(err); } else { res.redirect("thelist"); } db.close(); […]

如何获得自定义api的响应到jj文件在Nodejs中

我有一个使用Nodejs的问题我想要做的是如下。 我有一个API,我发送请求。 当我从API获得响应时,我想将其发送到我的index.jade文件。 我已经得到了我的API的响应,但只有在一个控制台。 不在我的HTML文件(index.jade)。 代码如下: app.js app.get('/', function(req, res) { var postData = '{'+ ' "limit": "10",'+ ' "page": 1,'+ ' "filters": {'+ ' "genre": [],'+ ' "region": "",'+ '"prices": 2,'+ ' "distance": 31,'+ ' "longitude": "4.646219",'+ ' "latitude": "52.387388",'+ ' "eves": 1,'+ '"from_date": "17-12-2015",'+ '"end_date": "18-12-2014"'+ '}'+ '}'; var options = { hostname: […]

将Jade模型variables传递给视图脚本函数参数

我想将Jade模型variables作为parameter passing给JavaScript函数。 我从configuration读取socketUrlvariables,并将其传递给视图: app.get("/", function (req, res) { var socketUrl = config.get("socketUrl"); res.render("index", {title: "Ticker", socketUrl: socketUrl}); }); 现在我ticker.initialize(socketUrl)在视图脚本ticker.initialize(socketUrl)使用它ticker.initialize(socketUrl) : html head script(src="js/socket.io-1.4.5.js") script(src="js/ticker.js") script. document.addEventListener("DOMContentLoaded", function () { ticker.initialize(socketUrl); }); 浏览器不能以这种方式读取socketUrl 。 如何正确传递它?