问题标签 [handlebarshelper]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
handlebars.js - 向 Fractal 添加车把布局助手
我正在尝试将车把布局助手(https://github.com/shannonmoeller/handlebars-layouts)添加到分形(http://fractal.build),但在让它工作时遇到了一些麻烦。
我已按照位于 fractal.build/guide 的指南将其添加到 fractal.js。
我已经添加了所需的包(@frctl/handlebars、handlebars-helper 和 handlebars-layouts)。
我有一个名为“grid.hbs”的文件,想在“grid-full-width.hbs”中扩展它。
分形.js
网格.hbs
网格全宽.hbs
输出
任何人都知道我做错了什么?
javascript - 递归 JSON 把手
我想用递归 JSON 做一个车把模板,但我不知道 JSON 的键是什么(可能会改变),我还需要一个 IF 语句,它正在工作。有什么方法可以创建一个 Helper 来做到这一点?现在我的答案是[object object]。这是我的 jsfiddle https://jsfiddle.net/deherinu/dvn4076h/
我的 JSON:
谢谢!
javascript - 如何在每个车把上添加尾随换行符?
我的应用程序中都有这种模式,如果数组中有任何元素,我希望每个块都有一个尾随换行符。所以我可以做这样的事情:
或使用车把助手包,我可以使用任何:
然而,在我的应用程序中,模板对客户是可见的,并且随着我在模板代码中散布额外的样板文件,它变得越来越难看。
有没有人有更优雅的解决方案?
我希望车把有一个空白控制字符,我可以利用或者至少能够将那个“if”块变成一个衬里。
javascript - 使用 {{#each}} 在 (express-)handlebars 模板中从帮助程序迭代字符串数组
我正在尝试使用内置帮助器 '{{#each}}'遍历车把模板中的字符串数组。但它不起作用。
简化示例:
一个返回字符串数组的自定义辅助函数:
访问助手的模板:
但这总是打印 else 情况。当直接访问帮助程序(不带#each)时,结果如预期:
我在某处读到#each 需要一个对象来处理。在文档中的帮助器上下文中,我找不到任何关于此的内容 - 但是我尝试以多种方式将返回的数组包装在一个对象中。但我无法让它工作。
那么,如何在车把模板中正确访问字符串数组(来自助手)?
javascript - Ember.js - 未捕获的 SyntaxError:意外的标识符
我似乎无法更正控制台中的错误。我的代码在文本文件中搜索查询词。如果存在查询词,我希望突出显示文本中的查询词。无法弄清楚这一点。
javascript - 将车把变量作为参数传递给部分
我有一个部分呈现这样的按钮:
问题是我想传入 text="Getting stared" 的字符串本身就是一个把手变量,看起来像这样
如果我添加到部分调用它应该看起来像这样,但它不起作用
那么我该如何解决呢?
部分看起来像这样:
templates - Handlebars If-Else If-Else With String Equality Function
HandlebarsJS doesn't support string equality ('==') so I have to write my own helper, but this answer isn't clear:
https://stackoverflow.com/a/15095019/1005607
and then adjust your template:
1) Why is he doing {{#if_eq ..}}
rather than {{#if if_eq .. }}
?
2) I also need to do ELSE-IF, which is supported since Handlebars 3.0.0 (I have 4.0). But using his notation, I wouldn't be able to do {{#elseif_eq}}
there is no such expression. How would I implement an ELSE-IF with this custom helper?
express - 如何从车把部分解析对象键。
在使用express时,将express-handlebars作为视图引擎和handlebars helpers。我为选择标签创建了小部分,但它将普通键作为字符串。
我的选择部分 select.hbs 文件
在帐户中传递对象数组
在布局中调用部分
我正在使用波纹管依赖项
javascript - 在每个循环中显示对象属性值
我有一个称为sem
包含多个对象的数组和一个称为result
包含属性href
并content
包含字符串的对象。它们被渲染到视图中,如下所示:
在这里,我使用async
并行运行函数,以便可以将 2 个不同的变量传递到视图中。参考
应用程序.js
该数组sem
包含:
该对象result
包含:
目标
在学期.handlebars
我做了上面的事情,但是result
ie href
&的属性content
没有在each
循环中显示。
输出必须是:
编辑:( 网址包含一个车把表达式,它将从数组 sem 呈现)
例子:/marks/edit_marks/semester_number={{semNumber}}/{{id}}
javascript - 从循环内的父上下文更改/更新 Handlebars JS 中的变量
我已经看到了许多关于如何在循环中访问属于父上下文的变量的示例。但是,我不仅需要访问变量,还需要更改/更新它。
正如您在下面看到的,我有一个设置变量的自定义助手,但是当我尝试在循环内更改该变量时,它不起作用。有没有办法让它工作?
请看一下这个jsFiddle。
模板
带助手的车把初始化