问题标签 [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.
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
ember.js - 根据 emberjs 模板中的属性获取数组元素
我有一个数组someArray
,我尝试获取它的第 n 个元素,其中 n 基于行的属性。
templates - 在 Ember 中运行时动态编译 HTMLBars 模板
我想在 Ember 的客户端上在运行时动态编译(然后渲染)一个 HTMLBars 模板。我怎样才能做到这一点?
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?
ember.js - Ember js,HTMLbars:使用组件作为组件的参数
我想要这样的事情:
组件助手在这里不起作用,我试过这个
我还尝试制作一个助手来渲染我的组件,但失败了。似乎我找到的所有答案都像这样过时了 如何通过变量动态调用 ember 组件?
更具体地针对我的用例。我使用 tooltipster 并希望使用按钮初始化来呈现工具提示。
- - - 更新 - - - - -
问题是,我最终需要一个带有按钮和数据余烬动作的标题的 HTML 字符串。我不能使用包装组件的 tpl。如果我扩展工具提示器,它看起来像这样:
所以我已经想到了这样的事情:
但这让我回到了我无法手动渲染任何组件的问题。
感谢每个输入!
干杯派
- - - 更新 - - - -
gitbub 上的 altrim 为我的问题提供了确切的解决方案:https ://github.com/altrim/tooltipster-content-component
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。
有人可以告诉我是否有办法实现这一目标,或者解释为什么会发生这种情况?提前致谢。
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 版本引起的吗?请指导我。
ember.js - Ember 模型中的动态输入值 - HTMLbars
假设以下模型:
我可以像这样遍历模型:
这将导致:
但是,如果我想要输入中的动态属性怎么办(我知道以下内容不能按我想要的方式工作):
这导致所有输入字段都加载了已经定义的值:输入中的汽车、卡车和船。
我想要实现的是这个(假设你遍历模型,它会“输出”这个):
但它没有输出,它输出:
值已经定义,但我想在模型中定义“汽车”(意味着它没有价值)我只是设置输入的名称,然后稍后,我将能够访问{{car}}这样无论用户在空白输入中键入什么内容,它都会输出到{{car}}
javascript - 如何将复选框添加到#{{link-to}} Helper
问题: 我有一个表,每个表都有一个链接。我希望每行的第一个单元格都有一个严格用于切换的复选框。我可以显示复选框,但我不能让它让我检查它。
- 我不想走路线
- 复选框需要切换
- 复选框不需要保存值(可以在页面刷新时销毁)
- 使用
{{input}}
助手没有区别
我有一个旋转https://ember-twiddle.com/bc53d499687ad8bdc902be5cd7d77f48
ember.js - EmberJS 2.7 断言传递嵌套对象的 id 失败
EmberJS 2.7 错误:断言失败:id
传递给findRecord()
必须是非空字符串或数字
app/templates/products/index.hbs: [在模型/每个循环中我有这一行]:
app/router.js: [我定义了这些路由]:
它在编辑产品时起作用。但是在尝试编辑类别时会引发上述错误。
如果我删除“类别/编辑”路线并添加此路线:
并更改模板以使用它:
然后它工作。我明白为什么第二个有效。但是为什么第一个不起作用?
编辑:这里是模型
应用程序/模型/product.js:
应用程序/模型/category.js: