问题标签 [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.
javascript - Ember,在动态模板中呈现内容
如何使用 Ember v1.13.1 在一些我无法控制的动态 HTML 内容中呈现内容,我遇到了一些难题。在这个特定场景中,我从服务调用中获取导航头和导航脚,并将它们放入我的组件中:
因此,在我的组件模板中,我正在尝试执行以下操作:
我希望产量内容被放置在一个<div class="contentBody">
元素内,但事实并非如此。相反,内容主体在 之前关闭{{yield}}
,并且 bodyEnd 关闭 div 被忽略。
我可能只是遗漏了一些明显的东西。任何有关如何解决此问题的想法将不胜感激。
干杯
javascript - 独立的 HTMLBars 运行时编译器
我目前使用 Backbone.js 作为我的前端管理库,现在正在寻找一个模板引擎来配合它。Underscore/Lodash 很棒,但不够全面。
直到/如果我找到更好的客户端编译器,我正在使用 doT.js。这很棒,但缺少 IDE 和数据源支持。使用 doT.js,编译模板非常简单:
我喜欢 HTMLBars 的附加功能和强大功能,并希望以非常相似的方式使用它,例如:
我能找到的唯一有点独立的版本是ember-template-compiler.js
,尽管看起来这仍然取决于 Ember。我不确定是否有办法或已经有人将其提取为独立版本。
有没有我可以下载并包含htmlbars.js
文件的地方,还是我暂时仍然坚持使用 Handlebars?
javascript - Ember 将 JSON 应用于 JavaScript 中的模板
我正在使用 jQuery DataTable,但这也适用于其他场景。DataTable 有一个子行功能,当父行展开时,您可以使用字符串形式的 HTML 来呈现子行。示例中的 d 是表示当前行的 JSON 对象:
我不想将 HTML 放在字符串中,而是希望将它包含在 Handlebars\HTMLBars 模板中。在行展开时,我想查找模板,提供 JSON 对象并取回 HTML。
Ember 2.0/1.13 中有什么可以实现这一点?
这需要动态发生,因为包含 DataTable 的父模板已经呈现,并且子行模板是在行展开时动态生成的。
子行中的数据是只读的,所以我只需要单向绑定。
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),但非常感谢任何其他建议。
ember.js - 让“this”在组件的链接帮助器中工作
我有一个这样定义的组件:
我像这样使用它:
我有点意外link-to
地通过id=game.id
作为属性传递来让助手工作。但是,如果我删除该链接会丢失对 id 的引用。我正在尝试查找有关传递 id 如何this
正确引用 id 的文档,但我找不到它。任何建议、链接或解释都会有所帮助。
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?
ember.js - Ember HTMLBars 内联组合条件
当尝试使用 Ember 1.13 在 HTMLBars 中进行简单的条件样式类分配时,以下代码做得很好:
不过,有没有办法以大写形式组合条件,比如检查另一个条件?类似于以下代码...
...或者是通过 Ember 助手检查多个条件的唯一方法?
谢谢你的支持!
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 助手?
ember.js - 在 Ember 2.0 中创建原始 html 组件
我正在尝试制作一个设计指南,将代码显示为 html 或 css。
我的理解是我应该制作一个组件,因为我可以使用 {{yield}} 来让代码显示如下。
用法:
组件/原始输出.hbs:
我唯一的问题是我无法弄清楚如何在 HtmlBars 中输出原始代码。
编辑:最终产品