问题标签 [htmlbars]

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 投票
1 回答
742 浏览

javascript - Ember,在动态模板中呈现内容

如何使用 Ember v1.13.1 在一些我无法控制的动态 HTML 内容中呈现内容,我遇到了一些难题。在这个特定场景中,我从服务调用中获取导航头和导航脚,并将它们放入我的组件中:

因此,在我的组件模板中,我正在尝试执行以下操作:

我希望产量内容被放置在一个<div class="contentBody">元素内,但事实并非如此。相反,内容主体在 之前关闭{{yield}},并且 bodyEnd 关闭 div 被忽略。

我可能只是遗漏了一些明显的东西。任何有关如何解决此问题的想法将不胜感激。

干杯

0 投票
0 回答
180 浏览

javascript - 独立的 HTMLBars 运行时编译器

我目前使用 Backbone.js 作为我的前端管理库,现在正在寻找一个模板引擎来配合它。Underscore/Lodash 很棒,但不够全面。

直到/如果我找到更好的客户端编译器,我正在使用 doT.js。这很棒,但缺少 IDE 和数据源支持。使用 doT.js,编译模板非常简单:

我喜欢 HTMLBars 的附加功能和强大功能,并希望以非常相似的方式使用它,例如:

我能找到的唯一有点独立的版本是ember-template-compiler.js,尽管看起来这仍然取决于 Ember。我不确定是否有办法或已经有人将其提取为独立版本。

有没有我可以下载并包含htmlbars.js文件的地方,还是我暂时仍然坚持使用 Handlebars?

0 投票
4 回答
3773 浏览

javascript - Ember 组件集成测试:`link-to` href 为空

我正在尝试编写一个组件集成测试,就像这篇博文一样,但是我的组件有link-to一个动态路由,并且该href属性没有被填写。这是我正在尝试做的简化版本。

我的组件模板:

这是我测试的相关部分:

link-to渲染,只是没有href属性。如果我在测试中记录 HTML,它看起来像:

我需要对我的“模型”做些什么来获得link-tohref吗?我试图查看link-toember 中的测试,发现这部分测试,这基本上就是我正在做的 - 提供带有id密钥集的 POJO。有任何想法吗?

编辑:

0 投票
0 回答
55 浏览

javascript - Ember 将 JSON 应用于 JavaScript 中的模板

我正在使用 jQuery DataTable,但这也适用于其他场景。DataTable 有一个子行功能,当父行展开时,您可以使用字符串形式的 HTML 来呈现子行。示例中的 d 是表示当前行的 JSON 对象:

我不想将 HTML 放在字符串中,而是希望将它包含在 Handlebars\HTMLBars 模板中。在行展开时,我想查找模板,提供 JSON 对象并取回 HTML。

Ember 2.0/1.13 中有什么可以实现这一点?

这需要动态发生,因为包含 DataTable 的父模板已经呈现,并且子行模板是在行展开时动态生成的。

子行中的数据是只读的,所以我只需要单向绑定。

0 投票
1 回答
1902 浏览

ember.js - Ember 模板 - 未能在“文档”上执行“createElement”:提供的标签名称不是有效名称

我有 2 个模型加载到我的路线中,并试图将每个模型的组件渲染到相同的模板中,如下所示:

收藏夹模型加载正常,但标签给出错误:'无法在'文档'上执行'createElement':提供的标签名称('telegram-client@model:tag::ember763:JavaScript')不是有效名称。 '

如果我删除 {{user-tag}} 组件并插入 HTML,它的罚款和所有标签都会被渲染。

我已经删除了该组件并生成了一个没有 html 或 js 的新空白组件,但没有成功。我还将 tagName 属性重命名为 TagId ,但这也不起作用。

我已经按照建议在每个帮助器之外尝试了 {{user-tag tag=tags}} 并且给出了类似的错误: Failed to execute 'createElement' on 'Document': The tag name provided ('DS.FilteredRecordArray:ember468' ) 不是有效名称。我还尝试在不同的组件和部分中渲染它,但出现相同的错误。

我认为这是 HTMLbars 中的一个错误,我最终将更新 Ember-cli(我使用的是 v0.2.3),但非常感谢任何其他建议。

0 投票
1 回答
64 浏览

ember.js - 让“this”在组件的链接帮助器中工作

我有一个这样定义的组件:

我像这样使用它:

我有点意外link-to地通过id=game.id作为属性传递来让助手工作。但是,如果我删除该链接会丢失对 id 的引用。我正在尝试查找有关传递 id 如何this正确引用 id 的文档,但我找不到它。任何建议、链接或解释都会有所帮助。

0 投票
1 回答
46 浏览

ember.js - Is there anything like ruby's .send in HTMLBars or Handlebars?

Was wondering if there's anything like ruby's .send for htmlbars. Been trying to search for it, but can't seem to find a proper answer. Here's what I want to do:

As simple as this. Is there any trick under it to achieve this effect?

0 投票
1 回答
384 浏览

ember.js - Ember HTMLBars 内联组合条件

当尝试使用 Ember 1.13 在 HTMLBars 中进行简单的条件样式类分配时,以下代码做得很好:

不过,有没有办法以大写形式组合条件,比如检查另一个条件?类似于以下代码...

...或者是通过 Ember 助手检查多个条件的唯一方法?

谢谢你的支持!

0 投票
1 回答
1476 浏览

ember.js - 如何修复 Ember 1.13.9 中已弃用的 Ember.Handlebars.registerBoundHelper?

我目前正在从 Ember 1.8.1 升级到 Ember 1.13.9。我的应用程序有点老派,不使用 ember-cli(没有 es6 任何语法)。

如何正确替换已弃用的 Ember.Handlebars.registerBoundHelper:

会建议你

所以我想用 'Ember.Helper.helper' 替换 'Ember.Handlebars.registerBoundHelper' 就可以了,但是这些帮助器不再可用:“未捕获的错误:断言失败:一个名为 'date-ago' 的帮助器不能成立!”。

如何在没有 ES6 语法或 ember-cli 魔法的情况下在 Ember 2.0 中注册 htmlbars 助手?

0 投票
3 回答
479 浏览

ember.js - 在 Ember 2.0 中创建原始 html 组件

我正在尝试制作一个设计指南,将代码显示为 html 或 css。

我的理解是我应该制作一个组件,因为我可以使用 {{yield}} 来让代码显示如下。

用法:

组件/原始输出.hbs:

我唯一的问题是我无法弄清楚如何在 HtmlBars 中输出原始代码。

编辑:最终产品