问题标签 [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 回答
1293 浏览

ember.js - 将模板 html 作为属性传递给 Ember 组件

现在我有一个 Ember 组件,它为模式弹出窗口生成标记。我想将一些 HTML 传递给将分配给模态内容正文的组件(以组件属性的形式)。像这样的东西是理想的:

路由模板:app/templates/section1.hbs

模态模板:app/components/my-modal/template.hbs

我想在模式正文中显示的内容是静态的并且特定于当前模板。

如果可能的话,我不想myContent在控制器或路由的模型挂钩中设置这个 html。

更新:此外,我也不想使用Block参数/语法,因为我有太多的 HTML 需要在块之间移动,这会中断主模板标记的流程。

理想情况下,我可以在路由模板中设置这个 html。目前这是我的解决方法,需要在didInsertElement.

有没有更好的方法来实现这一点,比如将本地手把模板变量设置为一些 html(在 app/templates/section1.hbs 内)?

当前解决方案/解决方法:

路由模板:app/templates/section1.hbs

组件 JS:app/components/my-modal/component.js

模态模板:app/components/my-modal/template.hbs

0 投票
2 回答
111 浏览

ember.js - 根据 emberjs 模板中的属性获取数组元素

我有一个数组someArray,我尝试获取它的第 n 个元素,其中 n 基于行的属性。

0 投票
4 回答
3166 浏览

templates - 在 Ember 中运行时动态编译 HTMLBars 模板

我想在 Ember 的客户端上在运行时动态编译(然后渲染)一个 HTMLBars 模板。我怎样才能做到这一点?

0 投票
1 回答
125 浏览

ember.js - How to use a script block with HTMLBars

I am wanting to use Google Adsense with an Ember site I'm working on. However, if I just copy the code block I get from Google I get this error:

After doing some searching, it seems some people has the same issue, but I have not found a solution for this. Does anybody have any ideas?

0 投票
2 回答
139 浏览

ember.js - Ember js,HTMLbars:使用组件作为组件的参数

我想要这样的事情:

组件助手在这里不起作用,我试过这个

我还尝试制作一个助手来渲染我的组件,但失败了。似乎我找到的所有答案都像这样过时了 如何通过变量动态调用 ember 组件?

更具体地针对我的用例。我使用 tooltipster 并希望使用按钮初始化来呈现工具提示。

- - - 更新 - - - - -

问题是,我最终需要一个带有按钮和数据余烬动作的标题的 HTML 字符串。我不能使用包装组件的 tpl。如果我扩展工具提示器,它看起来像这样:

所以我已经想到了这样的事情:

但这让我回到了我无法手动渲染任何组件的问题。

感谢每个输入!

干杯派

- - - 更新 - - - -

gitbub 上的 altrim 为我的问题提供了确切的解决方案:https ://github.com/altrim/tooltipster-content-component

0 投票
2 回答
223 浏览

javascript - EmberJS 1.13 模板 - 来自 htmlSafe 字符串的脚本元素不执行 JS

我观察到,虽然将脚本标签中的 JS 写入模板会运行脚本,但使用 Handlebars 表达式将它们插入模板会阻止它运行。

我试过把它写到我的组件中:

test: Ember.String.htmlSafe("<script>console.log('Hello World')</script>")

在我的模板中:

{{test}}

这会将其插入 DOM,但不会运行代码。我以为是因为 HTMLBars 不允许模板中的脚本标签,而只是写

<script>console.log('Hello World')</script>

进入模板本身将在其中运行 JS。

有人可以告诉我是否有办法实现这一目标,或者解释为什么会发生这种情况?提前致谢。

0 投票
1 回答
40 浏览

ember.js - 在 ember 插件中运行“ember 测试”时出错 - 未定义不是对象(评估“Ember.View.extend”)

当我在我的 ember 插件项目中运行“ember test”时,我收到此错误“ undefined is not an object (evalating 'Ember.View.extend') ”。使用的 ember 版本如下

Ember CLI 版本:1.13.1

灰烬版本:2.6.0

Ember CLI Qunit:0.3.15。

我没有使用过 ember-data。问题是由于 ember-cli 版本引起的吗?请指导我。

0 投票
1 回答
106 浏览

ember.js - Ember 模型中的动态输入值 - HTMLbars

假设以下模型:

我可以像这样遍历模型:

这将导致:

但是,如果我想要输入中的动态属性怎么办(我知道以下内容不能按我想要的方式工作):

这导致所有输入字段都加载了已经定义的值:输入中的汽车、卡车和船。

我想要实现的是这个(假设你遍历模型,它会“输出”这个):

但它没有输出,它输出:

值已经定义,但我想在模型中定义“汽车”(意味着它没有价值)我只是设置输入的名称,然后稍后,我将能够访问{{car}}这样无论用户在空白输入中键入什么内容,它都会输出到{{car}}

0 投票
1 回答
61 浏览

javascript - 如何将复选框添加到#{{link-to}} Helper

问题: 我有一个表,每个表都有一个链接。我希望每行的第一个单元格都有一个严格用于切换的复选框。我可以显示复选框,但我不能让它让我检查它。

  • 我不想走路线
  • 复选框需要切换
  • 复选框不需要保存值(可以在页面刷新时销毁)
  • 使用{{input}}助手没有区别

我有一个旋转https://ember-twiddle.com/bc53d499687ad8bdc902be5cd7d77f48

0 投票
1 回答
588 浏览

ember.js - EmberJS 2.7 断言传递嵌套对象的 id 失败

EmberJS 2.7 错误:断言失败:id传递给findRecord()必须是非空字符串或数字

app/templates/products/index.hbs: [在模型/每个循环中我有这一行]:

app/router.js: [我定义了这些路由]:

它在编辑产品时起作用。但是在尝试编辑类别时会引发上述错误。

如果我删除“类别/编辑”路线并添加此路线:

并更改模板以使用它:

然后它工作。我明白为什么第二个有效。但是为什么第一个不起作用?

编辑:这里是模型

应用程序/模型/product.js:

应用程序/模型/category.js: