问题标签 [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.

0 投票
2 回答
742 浏览

ember.js - HandlebarsHelper 编译模板 tempateSpec.call undefined

我在 MVC5 站点上使用 HandlebarsHelper 编译的模板时遇到问题。这是 BundleConfig 的代码:

这在本地运行良好,然后我推送到托管 QA 环境的服务器,我收到一个程序集引用错误,说 HandlebarsHelper 插件正在调用侏罗纪 2.1.0.0 并且找不到它。所以我通过 Nuget 添加了侏罗纪,从那时起模板停止工作。我从浏览器收到此错误:

Chrome:未捕获类型错误:未定义不是函数

Firefox:TypeError:templateSpec.call 不是函数

这发生在 handlebars.js 的以下部分:

我在跑步:

Ember 1.7.0 Ember-Data 1.0.0-beta.11 车把 1.3.0 JQuery 2.1.1

MVC 5 .Net 4.5.2

我整个早上都在网上搜索,但没有找到任何有效的答案,我尝试删除 Jurassic Nuget 包,但没有帮助。任何想法都将不胜感激,如果有任何其他信息可以帮助诊断问题,请告诉我。

0 投票
1 回答
390 浏览

template-engine - 车把在一个双连杆内有三连杆

我已经注册了一个名为“t”的车把助手,它将翻译一个字符串。我有一个 Handlebars 模板,它使用将是一个单词的变量的值:

我想用我的助手翻译那个变量的值,但不能

我对 Handlebars 没有经验,我想知道 - 实现这一目标的最简单方法是什么?

0 投票
0 回答
1905 浏览

twitter-bootstrap - 带有 Handlebars.js 的引导轮播

我正在使用 Handlebars.js 获取我的轮播数据。我想知道如何使用 Handlebars 从轮播中获取当前活动项目。

任何想法如何使用 Handlebars 检查当前活动的轮播?

0 投票
1 回答
1394 浏览

handlebars.js - 车把助手检查活动课程

我想检查我当前的元素是否处于活动状态

我创建了这个车把模板

我做错什么了?

0 投票
2 回答
257 浏览

javascript - #each 循环中的 Handlebars.js 助手返回相同的结果?

我正在尝试使用 #each 循环中注册的 momentjs 助手来格式化我的日期。注册的助手看起来像这样:

车把环看起来像这样

{{#each 控制器}}
{{{body}}}
{{{dateFormat date}}}
{{/each}}

正在循环的 JSON 在这个

所以我遇到的问题是它循环得很好,只是没有正确评估助手。

我得到的结果看起来像这样

牛 2014 年 12 月 15 日
牛2014 年 12 月 15 日
日期始终相同。

它应该看起来像这
头牛 2014 年 12 月 15 日
牛 2014 年 10 月 15 日

0 投票
1 回答
1316 浏览

handlebars.js - Handlebars helper:编译模板并保留@root

我正在使用 grunt-compile-handlebars 来编译我的车把,但我遇到了一个问题,即@root我使用后对象发生了变化

所以当我的 json 对象类似于

这始终是我的@root目标。

我有类似的东西:

现在我的@root对象是:

@root有没有办法我可以在调用时保留template(...)

注意:这是一个非常简化的示例。我知道我也可以使用{{>path/to/template .}}

0 投票
1 回答
1163 浏览

javascript - 在 Handlebars 助手中接受多个参数

我查遍了留言板,但没有找到答案。

我的目标是创建一个车把助手,它将检查传递的所有参数是否为真,如果是,则显示内容。

例如:

这是我最好的尝试-但是我假设最后一个属性将是 options 属性是否危险?有一个更好的方法吗?

0 投票
0 回答
1824 浏览

javascript - 车把部分和咕噜声:找不到部分

对于我的小型单页应用程序,我使用把手和 Grunt.js 来编译文件。我发现了一个grunt 模块,它扫描指定的文件夹并使用特定的 Handlebars.registerPartial 生成一个文件,但是当我编译我的文件时,我得到了

恐怕我弄乱了调用不同函数的顺序,但我不明白它是如何工作的。

我的 index.html

我的 app.js

这是从我的 app.js 中不包含的模块生成的文件

Gruntfile.js:

footer.hbs 我是页脚

文件树:

非常感谢任何帮助

0 投票
4 回答
2728 浏览

javascript - 如何在 HTMLBars 中编写 Helpers?

在 EmberJS 的最新版本之后,v1.9.0我试图从 Handlebars 转移到 HTMLbars。我发现非常具有挑战性的是缺乏文档。

我正在尝试实现非常简单的助手。

例如拿这个车把助手:

HTML

JS

Js 小提琴:http: //jsfiddle.net/sisir/p463q2L8/

如何将其转换为 htmlbars?

0 投票
0 回答
2037 浏览

javascript - 在 Handlebars 模板中避免 XSS

我们使用 Handlebars 模板来呈现来自我们的一个 API 的数据。数据包含 HTML 实体 - 例如:

到目前为止,我们已经使用 Handlebars 三重支架来让它们通过,例如:

但我们的托管服务提供商告诉我们这是 XSS 风险,需要转义值。他们告诉我们使用{{ }},以便 Handlebars 逃脱它们。但是当我们这样做时,HTML 实体在前端显示为实体字符串。

谁能建议一种简单的方法,我们可以保护我们的客户端 Handlebars 模板免受跨站点脚本的影响,同时允许 HTML 实体使用最典型的 UTF-8 字符,如不间断空格 (  ) 和左单引号 ( ‘)?我遇到了 Yahoo Secure Handlebars Helpers,但这似乎只适用于他们的Handlebars Context Pre-compiler,我不熟悉它,无论如何它似乎是一个服务器端实用程序。