jjzjj

handlebar

全部标签

javascript - 服务器和客户端上带有 Handlebars.js 的 Node.js

我有一个使用Expressjs和Handlebars作为模板引擎的Node.js应用。Expressjs使用布局然后渲染View。布局(layout.hbs)如下所示:{{{body}}}{{{body}}}被替换为服务器端,在您访问路由时在node.js中。例如:app.get('/',function(req,res){res.render('index'})})将{{{body}}}标记替换为index.hbs的内容。现在,在客户端,我正在使用Backbone.js,并希望将Handlebars用于通过Backbone控制的View。问题是因为这些页面已经通过Handlebars

javascript - 使用 Express Handlebars 和 Angular JS

背景我目前正在构建一个使用NodeJS的网站对于服务器,ExpressHandlebars(只是Handlebars但服务器端),希望AngularJS对于一些客户端的东西。问题AngularJS和Handlebars使用相同的模板语法{{foo}}这会导致一个问题,即AngularJS代码将首先由ExpressHandlebars解释,然后会抛出错误,因为它试图提取的数据只存在于Angular而不是Node中。问题有没有办法让AngularJS和ExpressHandlebars一起工作?可能的解决方案改变AngularJS的语法我正在查看BackboneJS,看起来可以更改语法。可

java - java中的handlebars.js实现是否存在?

就目前而言,这个问题不适合我们的问答形式。我们希望答案得到事实、引用资料或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter寻求指导。关闭10年前.目前我在客户端和服务器端都使用Mustache模板(http://mustache.github.com/),分别使用javascript和java实现。但是,Mustache中存在一些限制,相对较新的Handlebars.js(http://www.handlebarsjs.com/)试图克服这些限制。但据我所知,Handlebars目前只有一个j

json - json 对象的 Handlebars 数组

我需要用Handlebars模板化一个json对象数组:(通过chrome控制台)[object,object,object,object]其中每个对象都由这个属性组成:name,surname,ecc。我知道将对象数组放在Handlebars中是不可能的,但我们必须创建一个具有所有数组对象的所有属性的唯一对象。任何人都可以建议我创建它的功能 最佳答案 您可以在调用模板时将数组设置为包装对象的属性。例如,以objects作为持有属性varan_array=[{name:"Myname"},{name:"Anothername"}];

javascript - 需要 Handlebars.js 来渲染对象数据而不是 "[Object object]"

我正在使用Handlebars模板,并且JSON数据已经在[Objectobject]中表示,如何在Handlebars之外解析这些数据?例如,我试图通过handlebars标记在页面上填充JavaScript变量,但这不起作用。有什么建议吗?谢谢!编辑:为了澄清,我正在使用带有Handlebars的ExpressJS进行模板化。在我的route,我有这个:varuser={}user={'id':123,'name':'FirstName'}res.render('index',{user:user});然后在我的index.hbs模板中,我现在有一个{{user}}对象。我可以使用

javascript - handlebars.js {{#if}} 条件中的逻辑运算符

handlebarsJS中有没有办法将逻辑运算符合并到标准的handlebars.js条件运算符中?像这样的:{{#ifsection1||section2}}..content{{/if}}我知道我可以编写自己的助手,但首先我想确保我没有重新发明轮子。 最佳答案 这可以通过使用block助手“作弊”来实现。这可能与开发Handlebars的人的意识形态背道而驰。Handlebars.registerHelper('ifCond',function(v1,v2,options){if(v1===v2){returnoptions.f

javascript - 在每个循环中访问 Handlebars.js 范围之外的变量

我有一个handlebars.js模板,就像这样:{{externalValue}}{{#eachmyCollection}}{{title}}{{externalValue}}{{/each}}这是生成的输出:myExternalValueFirstelementSecondelementThirdelement正如预期的那样,我可以访问myCollection的每个元素的id和title字段来生成我的选择。在选择之外,我的externalValue变量被正确打印(“myExternalValue”)。不幸的是,在选项的文本中,externalValue值永远不会被打印出来。我的问题

javascript - 在每个循环中访问 Handlebars.js 范围之外的变量

我有一个handlebars.js模板,就像这样:{{externalValue}}{{#eachmyCollection}}{{title}}{{externalValue}}{{/each}}这是生成的输出:myExternalValueFirstelementSecondelementThirdelement正如预期的那样,我可以访问myCollection的每个元素的id和title字段来生成我的选择。在选择之外,我的externalValue变量被正确打印(“myExternalValue”)。不幸的是,在选项的文本中,externalValue值永远不会被打印出来。我的问题

javascript - 使用 Handlebars 'each' 循环访问父级的属性

考虑以下简化数据:varviewData={itemSize:20,items:['Zimbabwe','dog','falafel']};还有一个Handlebars模板:{{#eachitems}}{{this}}{{/each}}这行不通,因为在each循环中,父作用域不可访问——至少我尝试过的任何方式都不可访问。我希望有办法做到这一点! 最佳答案 有两种有效的方法可以实现这一点。使用../取消对父作用域的引用通过在属性名称前添加../,您可以引用父作用域。{{#eachitems}}{{this}}{{#ifthis.ite

javascript - 使用 Handlebars 'each' 循环访问父级的属性

考虑以下简化数据:varviewData={itemSize:20,items:['Zimbabwe','dog','falafel']};还有一个Handlebars模板:{{#eachitems}}{{this}}{{/each}}这行不通,因为在each循环中,父作用域不可访问——至少我尝试过的任何方式都不可访问。我希望有办法做到这一点! 最佳答案 有两种有效的方法可以实现这一点。使用../取消对父作用域的引用通过在属性名称前添加../,您可以引用父作用域。{{#eachitems}}{{this}}{{#ifthis.ite