Articles of 模板

Express EJS布局:res.locals不在布局中呈现

Express 4使用Express EJS布局模块。 我不知道如何标签,但我有这个问题。 我有一个路线文件,一个布局和一个视图。 我试图通过使用下面的代码的布局通过页面标题和页面描述 。 路线 router.get('/', function(req, res, next) { res.locals.meta = { title: 'Page Title', description: 'Page Description' }; res.render('pages/index', { header: 'Page Header' }); }); 布局 <!DOCTYPE html> <html dir="ltr" lang="en" class="no-js"> <head> <title><%= meta.title %></title> <meta name="description" content="<%= meta.description %>"> </head> <body> <%- body %> </body> </html> 视图 <h1 […]

问题获取Node.js Express 3.x模板inheritance与Swig通过consolidate.js

我可以得到'独立'的模板来渲染这个代码很好,但我不能让模板inheritance工作。 有什么我可以忽略的或任何其他的警告任何人知道? 错误:在“… /views/index.html”的第3行find循环扩展! app.js: var express = require('express') , cons = require('consolidate') , http = require('http') var app = express(); app.engine('html', cons.swig); app.set('view engine', 'html'); app.set('views', __dirname + '/views'); app.set('view options', { layout: false }); app.get('/', function(req, res){ res.render('index.html', { header: 'Express' }); }); http.createServer(app).listen(3000, function(){ console.log("Express server listening on port 3000"); }); 的index.html […]

翡翠渲染标题与“积极”类

我正在为可能是一个简单的Jade问题而苦苦挣扎。 我想呈现一个头,有活动页面链接呈现与类'积极'应用,但是我不能得到正确的语法。 我已经尝试了一些我在下面的变化,但没有运气。 ul.header li a(href='/' class=!{activePage} === 'home' ? 'active' : '') HOME li a(href='/one' class=!{activePage} === 'home' ? 'active' : '') ONE li a(href='/two' class=!{activePage} === 'home' ? 'active' : '') TWO 当我调用渲染时,我传递一个像这样的对象。 app.get('/', function(req, res) { res.render('index', { activePage: 'home' }); });

Jade Include不会呈现包含的页面内容

我正在尝试使用Node / Express / Jade / Stylus做一个应用程序。 问题是Jade不会呈现包含文件的内容。 这里是文件: layout.jade: doctype 5 html block head head title= title link(rel='stylesheet', href='/stylesheets/style.css') body header block header #main-container block content footer block footer index.jade: extends layout include helpers/header block content form#form-login 助手/ header.jade: extends ../layout block header #test p Hello World img(src="images/Logo.jpg" alt="Logo") 呈现的页面是空白的。 在页面中什么也没有。 图片url是正确的,所以这不是问题的一部分。 我检查了页面代码,并且header.jade被完全忽略。 我检查是否加载了header.jade,并加载(我试图把一个错误)。 […]

Node.js – 将平面json转换为没有“parent”,“child”属性的层级json

我想从我的SQL查询构build一个分层的数据结构。 在接下来的这个post中,我从平面对象中构build分层的JSON对象,然后尝试在对象层次上创build4个层次更多的属性,但不需要子属性。 我怎样才能做到这一点? 这是我的JavaScript(NodeJS)代码: var levels = ["counties_id","district_id", "municipalities_id", "institutes_id"]; data.forEach(function(d){ var depthCursor = newData.counties; levels.forEach(function( property, depth ){ var index; depthCursor.forEach(function(child,i){ if ( d[property] == child.counties_id ) index = i; }); if ( isNaN(index) ) { var propname = levels[depth]; var obj = {}; obj[propname] = d[property]; obj["children"] = []; depthCursor.push(obj); index = depthCursor.length […]

为什么玉忽视\ n和空白?

我使用var generateCodeBlock = jade.compile('div !{text}', {pretty: true});生成了一些基于Jade的HTML var generateCodeBlock = jade.compile('div !{text}', {pretty: true}); 我想创造这样的东西 <div> var json = { labelA: 'a', labelB: 2 }; </div> 但是当我input{text: 'var json = {\n labelA: 'a',\n labelB: 2\n };'}结束创build<div class="setup"> var json = { labelA: 'a', labelB: 2 };</div> 。 我也尝试在jade.compile使用#{text} ,但没有任何区别。 为什么玉石我的variablesinput? JSFiddle示例 更新:我现在已经尝试用模板创build一个单独的文件 block codeBlock div.codeBlock […]

如何在mongoDB集合中存储meteor助手,以及如何从mongoDB集合中提取meteor助手

如何在mongoDB集合中存储meteor助手,以及如何从mongoDB集合中提取meteor助手? 例如,我在Mongo集合中有以下字段。 "templateName":"hello {{userName}} <div> Welcome to Store</div>" 在我的.js文件中,我想要做的 userName:function(){ return "Foo"; }

如何replaceSendgrid模板variables? (在node-js中)

这似乎是一个简单的参数,我错过了,但我很难搞清楚它是什么。 这是我用'@ sendgrid / mail'发送的请求: email.js: const sgMail = require('@sendgrid/mail'); function emailRequest() { msg = { to: 'test+10@gmail.com from: 'info@owner.io', subject: 'Receipt for Business Expenses', template_id: 'db6d11ae-41e4-4e1a-a71b-f5368eb21c9c', personalizations: [ { to: 'test+10@gmail.com, from: 'info@ownr.io, subject: 'Receipt for Business Expenses, template_id: 'db6d11ae-41e4-4e1a-a71b-f5368eb21c9c', substitutions: { ':firstname': 'Bobba', ':ordernumber': 'WHAAA', ':orderdate': 'today', ':ordertime': 'NOW!', }, custom_args: { ':firstname': […]

Jade模板inheritance块内容不起作用

我有layout.jade: html include includes/head body header h1 Jumplink design p web design+creative solutions include includes/nav block content 和我应该扩大布局的about.jade被parsing,但没有显示。 extends layout block content h3 About me 在我的导航中,我有一个about.jade的链接。我不知道发生了什么,没有任何工作。

Nunjucks:“如果”有多个“和”或“或”的条件

今天,我的队友在如何在nunjucks模板的if语句中添加'and'或'or'多个条件,正在苦苦挣扎。 经过大量的search,他find了答案,但不是在Stackoverflow。 我不确定这个答案是否已经发布在SO的某个地方,但是现在想把它发布到缩小未来的search范围。 以下是答案: