Tag: 模板

Jade模板 – dynamic调用Mixin

我怎样才能使用json的一个string被join到一个Jade模板来dynamic加载一个mixin? 下面的目标是为twoColumn.jade加载foo和bar mixins。 twoColumn.jade mixin twoColumns(obj) .container-fluid .row(class=obj.class) for item in obj.items .col-xs-12.col-sm-3 //- Syntax for dynamically calling a mixin? +item.template(item) content.json { "twoColumns": { "class": "foobar", "items": [ { "template": "foo", "title": "Hello" }, { "template": "bar", "title": "World" } ] } }

小写与玉模板

我在一个nodejs项目中使用jade 找不到如何定义filter 我有我想显示在select框,小写选项值和大写选项文本的类别 select each cat in categories option(value="lowercase(#{cat})") uppercase(#{cat}) 任何想法 ?

在哪里访问和存储EJS助手 – SailsJS

好, SailJS的默认模板引擎是EJS ( embedded式Javascript ) 但我似乎无法find我们可以创造自己的帮手和东西的地方。 那么,你知道在哪里访问和存储EJS助手/东西吗?

呈现与布局(没有expression)的玉模板

在快速渲染jade模板时,您可以使用'view options', { layout: true }来configuration应用程序,渲染的模板将自动插入到布局模板的body中。 我试图实现等效的行为从node.js渲染文件,但没有明确的框架(我只是build立一个更大的pipe道一部分的静态文件)。 似乎有两个select: 加载主模板和布局,转换为函数,首先渲染模板,然后将结果传递给布局函数 使用标准的模板inheritance和块结构,但是我明确地使用命名块 这些是唯一的select吗(这很公平,还是很棒的),还是我错过了一些诀窍? 编辑 如果有人感兴趣,下面是第一个选项的粗略剪辑: // Load jade var jade = require('jade'); // Load actual template text var layout = fs.readFileSync('layout-path', 'utf8') tpl = fs.readFileSync('tpl-path', 'utf8'); // Compile template rendering function layout = jade.compile(layout, { pretty: true, filename: 'layout-path' }); tpl = jade.compile(tpl, { pretty: true, filename: […]

玉模板:属性循环?

在我的玉石视图中有一个JavaScript对象,如下所示: element = { name: 'createdAt', type: 'text', attrs: { class: 'date', type: 'text', placeholder: 'Created at' } } 我想要在input标签上生成属性,尝试像这样的东西 input( each k, v in element.attrs k= v ) 当然这不起作用,我也尝试了一些内联代码,但没有成功。 你有什么想法来帮助我吗?

客户端+服务器端模板,对我感觉不对,如何优化?

在我正在制作的Web应用程序中,我使用经典的Express + Jade来呈现客户端页面,同时也暴露了一些REST API(比如:“user list API”)。 这些客户端页面使用提供的API来检索“用户列表”并显示它。 为了显示它,一旦数据被检索,我使用句柄模板库。 对我来说,这似乎有点肮脏,使用两个模板引擎,parsing代码两次,如何使它更好? 注意:我已经通过在客户端页面中插入一个脚本variables来发送初始数据,从而优化了这个function。 然后这个variables以API接收的数据显示。 该API仅用于数据刷新的情况。 更新:使用玉双方服务器和客户端是一个好主意,但如何分离/指定? 渲染模板中的哪个部分应该在服务页面的时候完成,哪个部分将被客户端使用?

包含模板,部分模板和/或块模板之间的区别是什么? EJS / ejs-当地人

我一直在使用EJS和Express和Node.JS一段时间,我想我理解基础知识。 我已经试验了EJS include函数,它允许我在一个模板中包含另一个模板。 我也使用了一个名为ejs-locals的库,它提供了简单的布局支持。 我注意到的一件事是ejs-locals也定义了可以与EJS一起使用的partial和block函数。 我似乎无法find这三个概念之间的区别的一个很好的解释。 据我所知,他们是模板化的一般概念,而不仅仅是EJS。 在我看来, partial和block都是包含其他模板文件的方式,但它们又有什么不同呢?

在Jade视图中使用JavaScript代码 – 如果(variables)显示未定义,而不是传递

所以这是一个反复出现的问题,我还没有find另一个例子,所以在这里: 在渲染Jade模板时,即使在模板中使用-if(variableName) ,我也会得到'variableName' undefined 。 示例(我正在使用这个作为'info'flash消息的部分): -if(info) – if(info.length){ ul -info.forEach(function(info){ li= info -}) -} 这个返回'info'没有被定义,而不是在没有flash / info消息的时候渲染任何东西。 有谁知道我在做什么错? 我知道typeof(variable) != 'undefined选项,如上所述。 如果我想做一些像-if (typeof(req.session.user) != 'undefined')我将不得不做3个嵌套的if(typeof(req)!='undefined')这是我唯一的select吗?

flatiron.js /盘子 – 如何使用模板和i18n?

我刚开始看盘子 ,很多人都在谈论这个问题。 有一些小的HTML片段的例子,但不是一个完整的模板文件。 所以我想知道如何将布局分离成一个layout.html文件,并将内容分散到多个content.html文件中? 另外,我想知道是否有flatiron.js / plates中的多语言网站的一些策略? 谢谢!

用nodejs服务dynamicJavaScript文件

问题 如何dynamic提供JavaScript文件? 具体来说,脚本保持其大部分的身体,但一些variables变化(想象HTML Jade模板,但这是纯JavaScript)。 脚本 当用户或浏览器(通常HTTP GET)访问/file.js传递参数api ,例如/file.js?api=123456 ,我想输出纯粹的JavaScript,我可以把123456放在我的代码里面,dynamic。 内容types是application/javascript 。 样品: var api = #{req.query.api}; //Pseudo //The rest of my javascripts template … 从我的主要.js文件,我已经build立了路线: app.get( '/file.js', function( req, res ) { //Pseudo code that I would like to achieve var name = req.query.name; res.render( 'out_put_javascript_file_from_jade_file.jade', { name: name } ); }); 所以当一个人访问/file.js ,脚本文件将根据URL中传递的参数api不同而呈现。 我能想到的唯一可能的dynamic方式是使用Jade,但它不允许纯JavaScript模板。 […]