Articles of handlebars.js

使用选定的下拉选项作为在node.js Kmeans函数中使用的variables

我需要从.hbs文件中的代码块中检索选定的下拉值… <div class="section-color"> <div class="jumbotron jumbotron-md center-block"> <h2>{{survey.name}} Cluster</h2> <p>This cluster was calculated using kmeans with k = {{k}}</p> <p> Change cluster to: </p> <select class="form-control" name='kvalue' id="kvalue" value='{{form.kvalue}}'> <option value=2>2</option> <option value=3>3</option> <option value=4>4</option> <option value=5>5</option> <option value=6>6</option> <option value=7>7</option> <option value=8>8</option> <option value=9>9</option> <option value=10>10</option> </select> <a class='btn btn-default' href='/survey/{{survey._id}}/results'>Clusterize!</a> </div> ..并将其用作此节点中的“k”值.js routes […]

把html文件放到javascript中

我正在用手把做电子邮件模板。 我有我的模板里面的HTML文件。 而且,在另一个文件中 ,JavaScript中的一个程序将在稍后由cronjob启动。 现在,我想保存在一个variables的电子邮件模板正确使用把手。 把手文件说: var source = $("#entry-template").html(); var template = Handlebars.compile(source); 事情是,我没有find一个没有jQuery或Ajax请求(一切都是本地的)的方法。 我怎么能继续?

无法为dynamichtml页面使用句柄hapi js和node js提供静态文件

我试图提供html文件使用hapi和handlebars模板引擎我不能够提供静态文件所需的HTML渲染像CSS,图像和JS当我让urldynamic接受用户的一些参数dynamicHTML文件呈现 这段代码能够为html所需的静态文件提供所有正确加载的css和图像 const server = new Hapi.Server(); server.connection({ port: 3000, host: 'localhost' }); server.register(require('vision'),(err)=>{ Hoek.assert(!err, err); server.views({ engines:{ 'html': { module: require('handlebars'), isCached: false // engine specific } }, relativeTo:__dirname, path:'./templates' }); }); //inert module for serving files server.register({ register: require('inert') }, function(err) { if (err) throw err }) //path for the resources server.route({ method: […]

如何使用Node.js + HBS + Express将JSON传递给客户端?

考虑一下,我在Express的呈现页面(使用hbs作为视图引擎)中发送JSON给客户端: res.render('MyPage.html', { layout: false, PageTitle: 'Project Name', JSON_Data: {field1:'value',field2:'value2'}}); 我可以使用{{PageTitle}}来访问和设置HTML页面的标题,下面是代码。 <title>{{PageTitle}}</title> 现在我想显示JSON_data到警报popup。 我试过以下方式,但获取Uncaught SyntaxError: Unexpected token { ,而在Chrome中debugging是显示var jsonobj = [object Object] function fbOnBodyLoad() { var jsonobj = {{JSON_data}}; alert(jsonobj); } 任何机构可以提供一些关于如何访问JSON_data并显示警报的想法 提前谢谢

正确的方式来预编译Handlebars模板来运行,就像Jade那样

总之,我需要 – 以编程方式(而不是CLI)把手模板预编译到浏览器端函数,并在浏览器中使用它与handlebars.runtime.js这样: html = template_as_fn(data_object); 为什么我需要它 – 我工作在YA ComonJS浏览器打包工具, 成交 ,我也想支持Handlebars。 所以,我寻找正确的方式来预编译Handlebars模板来运行,而不需要eval()和其他巫术魔法。 就像在这个答案 var data = { name: "Greg" }; var source = "<p>Howdy, {{ name }}</p>"; eval("var templateFunction = " + Handlebars.precompile(source)); var template = Handlebars.template(templateFunction); template(data); => "<p>Howdy, Greg</p>" 让我伤心。 例如,用Jade我可以用这种方式使用文件处理器 '.jade' : (data, filename, cb) -> content = Jade.compile data, _.assign […]

Handlebars帮助程序检索使用它的文件的基本名称

我正在寻找一种方法来创build一个帮助器,它只是简单地呈现放置模板的文件的基本名称,而不需要任何额外的参数,如下所示: {{ basename }} 。 换句话说,如果我在两个部分内部使用了这个助手,比如说header.hbs和navbar.hbs ,我希望每个部分的名字在输出中被渲染。 我查了几个小时,找不到任何答案。 任何方向或指导将不胜感激。

与把手模板引擎的Sails.js

我正在试图让sails.js与把手工作。 我得到的错误:部分链接找不到 我采取的步骤: sudo npm install -g sails-generate-views-handlebars sails new sails-lab –template=handlebars 在config / views.js中: engine: 'handlebars', layout: false 我使用当前版本的v0.10.5。

ParseError:带有Browserify和模板文件的意外标记

我正在开发一个使用Backbone的网站,并且我已经运行Watchify来捆绑应用程序。 一切工作正常的JavaScript模块,但我有问题的.hbs模板,处理模板文件时Watchify抛出parsing错误。 这些都是非常简单的模板,有问题的模板只包含这个html: <p>Hello world!</p> <ul id="menu"> </ul> 我已经安装了hbsfy,因此调用它: watchify ./app/main.js -t hbsfy -o static/js/bundle.js -v 错误返回: /home/***/***/backbone_app/app/node_modules/templates/layout.hbs:1 <p>Hello world!</p> ^ ParseError: Unexpected token 我已经阅读了文档,并在网上查了几个地方,老实说,在这里看不到我做错了什么。 感谢您提供的任何见解。

在服务器端从Handlebars模板获取HTML代码

我的NodeJS应该发送来自用户的HTML电子邮件通知。 为了保持代码干净,我想从句柄模板中获取这些电子邮件的HTML代码,而不是将HTML代码硬编码到sendEMail方法(这看起来很丑陋)。 我需要服务器从这些.handlebars文件中获取HTML,但这不起作用。 这是我如何获取HTML代码 var handlebars = require('express-handlebars').create({}); var context = { title: 'T' } var template = handlebars.render('../views/emails/passwordReset.handlebars', context); console.log(template); Console.log(template)正在返回{} 这里是.handlebars代码: <h1>{{title}}</h1> 任何人都可以提供这个代码有什么问题的指导?

如何使用Grunt-contrib-requirejs优化器使用Requirejs-handlebars?

我目前正在使用Grunt-contrib-requirejs优化器,以便我的最终包结构看起来像这样: Public/ css js -myapp.js -require.js 我想要使​​用requirejs-handlebars来渲染我的模板(也使用服务器端的Express3-手柄)。 我有NPM包requirejs-handlebars的工作,但只有当我暴露在我的快递服务器模块与下面的行: app.use('/node_modules/handlebars/dist/', express.static(path.join(__dirname, './node_modules/handlebars/dist/' ))); 没有此修复程序,加载我的应用程序时出现以下控制台错误: GET http:// localhost:3300 / node_modules / handlebars / dist / handlebars.runtime.amd.js require.js:166未捕获错误:脚本错误:handlebars.runtime 我猜这个错误是我的最终构build结构和我的需要优化的结果。由于显而易见的原因,该脚本不存在,因为我的最终构build结构不包括它。 我想我想要的是不必包含使用express中间件的handlebars.runtime,或者将它与我的最终myapp.js(我不知道什么是最好的方式来做到这一点)合并。 有任何想法吗? 对不起nbbness …任何意见将不胜感激! 谢谢! 我的main.js文件如下所示: require.config({ shim: { jquery: { exports: '$' }, underscore: { exports: '_' }, backbone: { deps: [ 'jquery', 'underscore' ], exports: 'Backbone' }, […]