问题标签 [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 投票
2 回答
224 浏览

ember.js - 升级到 Ember v11 后,{{input}} 值绑定不起作用

我想今天将我的 Ember CLI 版本从 0.1.15 更新到 0.2.3。当然,其中一部分是升级到新的 HTMLBars 渲染引擎。但是现在,我看到一些非常奇怪的行为,因为我的{{input}}助手在将它们传递给值时不再正确绑定到计算属性。相反,它们被评估为字符串,即使它们不包含引号。例如:

{{input type="text" value=deviceId}}

字面上显示为一个文本框,其值等于字符串 deviceId,而不是实际计算的属性。奇怪的是,当我使用已弃用的 valueBinding 而不是这样的值时:

{{input type="text" valueBinding=deviceId}}

它工作正常,但会引发弃用消息。我找不到其他遇到类似问题的人。有人对可能是什么问题有想法吗?

非常感谢!

0 投票
1 回答
814 浏览

javascript - 从 HTMLBars 中的数组访问索引项

我有一个自定义 API,它没有格式化以便与 Ember Data 一起使用。我无法从我的 api 获取嵌套数组属性的值。

api响应:

我试图让这里显示的链接是我的车把:

现在链接 uri 只是空白。如果我将其更改为仅{{m.links}}返回 {object object}。我也试过{{m.links[0].uri}}看看这是否可行,但没有好处。

这是我的路由器和用于它的适配器。

适配器:

我怎样才能获得这些属性的价值?我觉得这真的很容易,我只是不明白。

0 投票
3 回答
274 浏览

javascript - 带有 Ember 的 HTMLBars 的 Typeahead.js

我们一直在我们的 Ember 应用程序中使用 Typeahead.js 库(通过这个插件)在 1.10 之前的 Ember 版本上取得了成功,但是升级到 Ember 1.10 给我们带来了问题。

到目前为止,我们已经成功编译了模板,这些模板被传递到 typeahead 组件并将其传递给 typeahead 库,如下所示:

但是,这在 Ember 1.10 中不起作用,因为 typeahead.js 在执行这行代码时会引发以下错误:

代码:

错误:

Uncaught TypeError: that.templates.suggestion is not a function

以前that.templates.suggestion,这是上面第一个代码块中的值,是一个可以传递对象suggestion并编译实际模板的函数。使用 HTMLBars,that.templates.suggestion不再是一个函数,而是一个 HTMLBars 对象,所以这段代码不再有效。

在 Ember 1.10 中是否有更好的方法来做同样的事情来匹配之前的行为?

0 投票
3 回答
8129 浏览

javascript - 在 ember 中记录单选按钮的值

我对 Ember 相当陌生(使用 0.2.3 版)。我有一个包含一些计算值的组件。他们从输入字段中收集这些计算值:

在我的 template.hbs 上,我有一个输入字段{{ input value=loanAmount }},我可以调用{{getLoanCosts}}我的 template.hbs,以显示计算的成本。这适用于文本/数字输入。

但是,我需要一个带有两个值(是和否)的单选按钮输入。这应该与deductible我的组件中的价值一致(即这笔贷款是否可以扣除?)。但是,如果我这样做:

我无法为这两个输入设置值,就像直接使用 HTML 一样。如果我设置 value=0 和 value=1,它们永远不会在我的组件中更新。如何deductible根据选择是或否来更新组件中的我?

0 投票
2 回答
7664 浏览

ember.js - 如何将多条内容生成到 ember.js 组件模板中?

目标是定义一种 HTML 结构,该结构具有多个由调用者声明的内容块。例如,标题、正文和内容。生成的标记应为:

实例化组件的模板将定义三个部分中的每一个My headerMy body、 和My footer

使用 Ruby on Rails,您可以content_for :header从调用者那里捕获标头内容,并yield :header对其进行插值。

这在 ember.js 中可行吗?

0 投票
1 回答
212 浏览

ember.js - 如何使用字符串数组来引用 Ember 中的模型属性子集?

我试图在我的 Ember(ember-data) 模型中放置一个属性,该属性只是要包含在通用表组件中的属性数组。起初我只是将它添加到我的模型中:

但是现在我发现自己跳过了子组件中的圈子,以便轻松地遍历这些属性并为每个模型实例调用它们的值。

由于列会随每个模型而变化,我认为这是一个很好的解决方案。有没有更好的办法?

特别是当对于每一行(模型实例)我只想说一些不合理的东西时,比如下面的假想片段。

我试图保持无控制器并保持我的组件通用。

编辑:

现在在行组件中我正在这样做,然后遍历 hbs 中的“cols”。但这感觉不对,我正在进入异步部分(某些列需要进行外部调用),我认为这会导致一些问题,所以我想找到更好的方法。

0 投票
1 回答
1525 浏览

ember.js - 使用 HTMLbars 在 ember 中编译模板客户端

我创建了一个 CMS,可以在其中使用 HTMLbars 创建模板。模板应该在客户端编译,并且有应该显示模板的组件。我将组件的模板属性设置为使用 HTMLBars 返回已编译模板的函数。

我在我的 Brocfile 中包含了 ember-template-compiler。

也测试了

但是模板永远不会被渲染。

0 投票
1 回答
54 浏览

ember.js - emberjs 在模板渲染后即时添加代码

在 emberjs 中,您可以将代码添加到模板文件中:

然后呈现模板。但问题是,如何在模板渲染后动态添加它?比如我想添加一个按钮,生成新的输入字段(颜色),用户可以根据需要继续添加新的颜色吗?怎么做呢?

0 投票
2 回答
706 浏览

ember.js - Ember + HTMLBars:“布尔”绑定属性不是布尔值

我正在将 Ember 1.5 Handlebars 应用程序迁移到当前稳定的 Ember 和 HTMLBars,似乎绑定的控制器属性必须返回"disabled"null使用“禁用”DOM 属性按预期工作。

在 HandlebarsisDisabled中,属性是一个布尔值,一切正常。

在 HTMLBars 中,我似乎需要:

这个对吗?这当然会带来一个问题,因为布尔属性应该是应用程序其余部分中的布尔值,所以为了让它按预期工作,我需要添加一个额外的计算属性来驱动“布尔- ish" 带有"string"/null值集的 DOM 属性。

有没有其他人遇到过这个,或者“检查”的相关问题?

使用:
Ember 1.11.3 + HTMLBars
ember-cli 0.2.3

0 投票
0 回答
160 浏览

ember.js - Ember-cli 嵌套模型数组使用 {{each}} 助手在添加到 Ember 数据存储时重新呈现整个列表

我有一条加载仪表板的路线

仪表板模型包含与小部件模型的 hasMany 关系

小部件模型包含与仪表板模型的 belongsTo 关系

dashboard.index 模板使用 {{each}} 帮助器呈现小部件

用户可以将小部件添加到他们的仪表板

虽然这可行,但在创建新小部件时,所有小部件都会重新渲染。

一些值得注意的事情: - 我还没有实现视图或控制器。- 如果我将实现更改为仅返回一个小部件集合,导致 ember-cli 创建一个 ArrayController 而不是 ObjectController,则每个循环不会重新渲染(非常好)。但是,仪表板有多个需要呈现的子数组,因此我不能采用这种方法。- 尽管努力实现对象控制器并创建我自己的数组控制器,但我无法在这里获得相同的功能。

关于如何在不重新渲染所有小部件的情况下添加小部件的任何建议?