Tag: 模板

如何从不同的文件使用多个块？: 我有一个layout.jade ，看起来像这样： html body block content block footer 我的content.jade如下所示： extends layout block content #Content Welcome 我的footer.jade看起来像这样： extends layout block footer #Footer Impressum 现在，当我运行我的app ： app.get('/', function(req, res) { res.render('layout'); }); 我没有看到内容和页脚。当我运行： app.get('/', function(req, res) { res.render('content'); }); 然后我看到内容。当我运行： app.get('/', function(req, res) { res.render('footer'); }); 然后我看到了页脚。我怎样才能看到，内容和页脚？

JADE + EXPRESS：迭代内联JS代码中的对象（客户端）？: 我想实现一个基于其API的谷歌地图。我想添加一个基于坐标的path。因此，我从我的模型中获得我的坐标，并且想要迭代对象以使用这些点填充地图。在我的玉模板中，我包含了这样的api js代码： script(type='text/javascript') function initialize() { var myLatLng = new google.maps.LatLng(0, -180); var myOptions = { zoom: 3, center: myLatLng, mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); var flightPlanCoordinates = [ – if (typeof(pins) != null) – var.pins.forEach(function(pin) { new google.maps.LatLng(pin.latitude, pin.longitude), – }) new google.maps.LatLng(0,0) ]; var flightPath = […]

node.js – 使用express来焊接？: 我是node.js的新手，尝试使用焊接在服务器端渲染模板，并使用express作为路由器。然而，node.js的例子并没有显示为内容提供服务，并且模糊了如何使用express： var fs = require('fs'), jsdom = require('jsdom'); jsdom.env( './test.html', ['./jquery.js', './weld.js'], function(errors, window) { var data = [{ name: 'hij1nx', title : 'code slayer' }, { name: 'tmpvar', title : 'code pimp' }]; window.weld(window.$('.contact')[0], data); } ); 帮助或例子，将不胜感激。

不是Jade的节点的模板引擎: 翡翠确实非常整洁，但我个人不喜欢它的语法和外观。是的，能够写： body h1 Hello p This is b bold 这很酷，但我更喜欢HTML / XML的外观和感觉。它是人类和机器可读的，总的来说，我认为它更容易浏览和理解。是否有任何模板引擎工作更像： <body> <h1>{title}</h1> <p>{content}</p> </body> 使用相同的翡翠般的概念： res.render('index', { title:pageTitle, content:pageContent });

我怎样才能摆脱玉模板内的花括号？: 我可以逃避一个玉teplate内的花括号吗？（我在node.js中使用jade）我想呈现jQuery模板到客户端。我想逃离的部分是这样的： div(class='clear') script(id='BoardListTemplate', type='text/x-jQuery-tmpl') <p>${Title}</p> <ul id="${Id}" class="IterationBoardList"> <li class="AddNewItem">Add new Item</li> {{tmpl(Items) "#BoardListItemTemplate"}} </ul> script(id='BoardListItemTemplate', type='text/x-jQuery-tmpl') <li class="Item" id="${{$data.Id}}"> ${$data.Description}<br /> Assigned to: ${$data.AssignedTo}<br/> StoryPoints: ${$data.StoryPoints}</li> script(src='/javascripts/Scrummr.Engine.js', id='BoardListItemTemplate', type='text/javascript') 非常感谢

MeteorJS：从模板服务器端生成电子邮件: 我需要从MeteorJS应用程序发送电子邮件，我想使用HTML模板生成它们，而不是“html-in-js”的东西。我试过的： 1）使用Template.emailTemplate(data) ，但Template没有定义服务器端。 2）将我的电子邮件模板保存为<app>/server/email/templates目录下的*.html文件，使用fs.readSync()获取它们的内容，然后使用meteor的内置handlebars包进行编译/渲染。这在开发环境中工作正常，但由于server目录下的*.html文件没有捆绑在一起，所以在使用捆绑应用程序的生产中失败。另外，在捆绑过程中，目录的结构发生了变化，模板的相对path变得无效。 3）你的build议？ =）

Jade模板作为html的预处理器: 我不会在生产中使用node.js ，但是我喜欢jade的语法，所以我想在开发时将jade模板编译成html 。鉴于这个文件结构： app/ jade_templates / index.jade subfolder / subpage.jade html_templates / index.html subfolder / subpage.html 我想有一个脚本， jade_templates目录并编译相应的html模板html_templates任何时候进行更改。这怎么能做到呢？谢谢。编辑翡翠自述有这个示例Makefile，但我不知道如何适应这个我的需要。 JADE = $(shell find pages/*.jade) HTML = $(JADE:.jade=.html) all: $(HTML) %.html: %.jade jade < $< –path $< > $@ clean: rm -f $(HTML) .PHONY: clean

包含HTML块使用node.js: 这是我想要的，但可能不能有：使用node.js和express或者ejs，我想在我的客户端目录中编写一个普通的HTML文件时，server-side-include包含一个HTML模板块。如果我可以将variables传入HTML文档的include，那也很酷。 Sooo的东西是这样的： <!doctype html> <html> <head> <%include head, ({title: "Main Page"}) %> </head> <body> <% include header, ({pageName: "Home", color: "red"}) %> … <<% include footer%>> </body> </html> 在节点世界里有没有这样的作品？或者任何接近并可能适合这种function的东西？我不会完全按照这里指出的方式使用它，但这是我正在寻找的function。我已经看了玉，车把，烬和ejs，和ejs似乎是最接近的。也许其中之一已经这样做了，但我只是困惑实施。任何build议将是伟大的！

如何在没有express.js的情况下使用玉来渲染partials？: 只有我发现的信息是这样的： http://forrst.com/posts/Node_js_Jade_Import_Jade_File-CZW 我复制了build议的文件夹结构（views / partials）但是，只要我放了，它就不起作用了 !=partial('header', {}) !=partial('menu', {}) 进入index.jade，我得到一个空白的屏幕，我从玉得到的错误信息是： ReferenceError：./views/index.jade:3 1.'p index' 2.“ 3.'！=部分（\'header'，{}）' 部分没有定义我会很感激任何帮助！（我强烈不喜欢使用express.js）

用Nunjucks模板循环整数值: 我对nunjuck很陌生，从我读到的这个是不可能的，但是我想知道是否有人想出了一个这样做的方法。我基本上正在寻找在nunjucks模板基于值而不是对象的大小执行for循环。假设您将以下数据传递给模板。假设房间数值是从<select>元素中select的选项的值： data : { numberOfRooms : 4 } 在传统的JS中，我可以写一个for循环，并根据numberOfRooms值限制循环： for (var i = 0; i < data.numberOfRooms; i ++) { // do something… } 我的最终目标是在一个Nunjucks模板中编写一个循环，这个模板将复制一个标记X块，其中X是numberOfRooms值。那么，如果这是可能的话，那么如何才能和Nunjuck做到呢？如果这完全击败了Nunjucks的目的，那么请说，任何替代build议将不胜感激。