草庐IT

Handlebars

全部标签

javascript - 使用 Handlebars.js 创建网格的简单方法?

我试图从这个数组中的对象生成一个divs五个元素宽的网格:[{n:'a'},{n:'b'},{n:'c'},{n:'d'}...{n:'y'}];该数组可能包含1到50个对象,数据格式是来自Spine.js模型的一维数组。为了分离数据和表示,我希望将数据保存在一维数组中,并使用View(Handlebars模板)代码在每第5个项目上开始一个新行,如下所示:abcdefetc...我有一个解决方案,方法是在辅助函数中返回整个字符串。只有我的模板看起来像:{{#grid}}{{/grid}}这似乎违背了使用模板的意义。有没有一种简单的方法可以创建像上面这样的网格,代码主要位于模板中?[编辑

javascript - 错误 : Missing Helper in Handlebars. js

我将handlebars.js模板与node和express一起使用。我正在使用{{@index}}制作一个编号列表模板标签,但是由于索引从0开始,而我想从1开始,看来我需要使用自定义帮助程序。我已经看到很多关于此的帖子,并且找到了以下代码:Handlebars.registerHelper("inc",function(value,options){returnparseInt(value)+1;});{{#eachscore}}{{inc@index}} {{player_name}}{{score}}{{/each}}我似乎找不到辅助寄存器函数应该去哪里。我已经尝试将它放

javascript - Ember.js/Handlebars.js 将条件类属性绑定(bind)到 {{#link-to}} 助手

我正在尝试向链接属性添加一个类,但类名是有条件的。{{#link-to"role"thisclassNames="isLoading:is-loading"tag="tr"}}{{name}}{{role}}:{{isLoading}}EDIT{{/link-to}}就这样吧。但不知何故,它不起作用。还有其他方法吗? 最佳答案 只需使用classBinding而不是classNames:{{#link-to"role"thisclassBinding="isLoading:is-loading"tag="tr"}}{{name}}{

javascript - 使用 Handlebars.js 的递归布局

我有一个简单的对象层次结构,包括:CategoryStringnameListchildCategories;我想以通用方式使用Handlebars来表示此布局,但我无法理解如何嵌套布局。鉴于此布局:{{#categories}}{{name}}{{#childCategories}}{{/childCategories}}{{/categories}}为所有子类别重用现有类别模板的最佳方法是什么?是否需要注册处理程序?有没有更简单的方法? 最佳答案 两个模板{{#categories}}{{name}}{{#ifchildCate

javascript - 在 Handlebars partial 中将导航菜单项设置为事件状态

目前,我正在为每个选项卡上的导航菜单重复代码,但我想使用部分代码,因此没有重复代码。这就是我正在使用的(下面),根据文件,active类在不同的列表元素上。相反,我想使用部分{{>fruits-nav}},但我找不到任何关于如何设置active类的信息,具体取决于哪个文件包含部分内容。appleorangemangopineapple 最佳答案 我认为你甚至可以让它稍微简单一点,更具可读性:appleorangemangopineapple渲染时:active:{pineapple:true}

javascript - 在 handlebars.js 中使用具有数字属性的对象

是否可以将Handlebars与具有数字键的对象一起使用?例如:varstr="{{apples}}",tmpl=Handlebars.compile(str);tmpl({apples:"works!"});//returns"works!"效果很好,但是varstr="{{4}}",tmpl=Handlebars.compile(str);tmpl({4:"works!"});//returnsError:Parseerroronline1:{{4}}-------^Expecting'DATA','ID',got'INTEGER'我在搜索时找不到任何引用资料,而且我还没有探索源代

javascript - 向 Handlebars 中的输入元素添加属性(与 Ember.JS 1.0 一起使用)

假设我有这样的东西:{{inputvalue=someModel}}然后我想将简单的requiredHTML5属性添加到输入中。我该怎么做?请注意,我尝试了以下变体但没有成功:{{inputvalue=someModelrequired}}{{inputvalue=someModelrequired='required'}}{{viewEmber.TextFieldvalueBinding=someModelrequired='required'}}更新:这个问题是针对Ember1.0的。 最佳答案 我正在使用Ember版本1.5.

javascript - 将 someVar +'a string' 传递给 Handlebars.js 助手?

假设我有这个Handlebars助手:Handlebars.registerHelper('someRandomHelperCreatingALink',function(passedVarAndString,url){return''+passedVarAndString+'';});并且想像这样使用它,我将一个字符串和一个变量作为第一个参数传递(user.name+'isacooldude!'):{{{someRandomHelperCreatingALinkuser.name+'isacooldude!!''/a/cool/url'}}}我的问题:这是否可能?或者我是否必须为字符

javascript - 如何使用 handlebars/mustache 和 bootstrap typeahead 来渲染项目

我想使用handlebars模板自定义由bootstrap-typeahead呈现的项目。查看代码似乎默认项是.假设我想使用Handlebars模板来呈现我的项目。我认为我应该以这种方式(1)重新定义渲染函数。我的问题是:应该如何使用(1)withbootstrap-typeahead.jsv2.1.0`?这是(2)关于我传递给$.fn.typeahead的选项的代码(3)我的Handlebars/mustache模板。(1)varrenderItem=function(ul,user){//useristheBackbone.Modelreturn$('').data('item.a

javascript - 是否可以在 handlebars.js 模板中使用 JavaScript

描述说明了一切。如何将JavaScript脚本放入handlebars模板。我想为我的网站制作一个动态的Paypal按钮。{{title}}{{message}}Viewdetails»但这会因为标签而产生错误。它关闭模板脚本而不是paypal脚本谢谢 最佳答案 尝试分解“/script”部分:这种技术类似于像这样的旧黑客document.write("..."); 关于javascript-是否可以在handlebars.js模板中使用JavaScript,我们在Stack