问题标签 [ember-components]

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 回答
70 浏览

javascript - Ember:在组件中正确使用商店

相关信息:Ember 1.11.1 Ember Data 1.0.0-beta.16 Ember CLI

我正在尝试为我的应用程序中的指标制作一个可重用的组件。在组件内,它使用选定的选项运行查询。问题是,即使我看到网络请求正确启动,它也永远不会进入 Ember 对象。

这是我的组件代码:

我看到 metricTypes 返回并正确设置为 Ember 对象。但是当 metricQuery 函数运行时,对象并没有被设置。我在检查器中看到了该属性,但没有内容。但是,我确实看到网络请求以正确的数据正确发出,并返回了侧载数据:

但是当我在 Ember 检查器中查看对象时,我看到的是空内容。这是我第一次尝试使用商店从组件中获取数据,但我不确定自己做错了什么。

如何访问从 metricQuery 上的查找返回的数据?

提前感谢您的帮助。

0 投票
1 回答
813 浏览

ember.js - ember-2.0 尖括号组件不适用于 ember-cli@0.2.7

请我还需要什么才能使 ember-2.0 尖括号组件与最新的 ember-cli 一起使用

我正在使用ember-cli 0.27、nodejs 0.12.4和 emberjs-canary 分支来测试 emberjs-2.0。

我创建了一个简单的新 ember 应用程序:

并创建了一个组件:

在 application.hbs 中如果我添加下面的行来调用组件,则不会显示组件中的内容。

如果将上面的行更改为下面的行,则会显示组件的内容。

这是我的 bower.json 的摘录

这是我的包裹,json

0 投票
1 回答
104 浏览

ember-components - 在ember-cli项目的模板中使用Ember-component后删除默认换行符

例如,当我使用 ember 组件时

我不想在组件和 html 标记之间换行。

0 投票
1 回答
512 浏览

ember.js - 将属性传递给组件,然后将其用作条件(ember js)

应用控制器

零件

这是组件模板

我想使用该属性作为有条件的我该如何实现

0 投票
2 回答
522 浏览

ember.js - 同步同一 Ember 组件的多个实例的状态

情况如下:

我编写了一个组件facility-search来搜索一些夹具数据。我将多个实例{{facility-search}}放在同一个模板(标签页)上。该组件有一些输入框,我们可以在其中编写搜索关键字。我想观察输入框值的变化并将其更新到另一个组件实例,以便它们两者同步。

这就是我正在做的components/facility-search.js

这是我的templates/components/facility-search.hbs

这是我的controllers/map.js

这是routes/map.js

这就是我使用组件的方式templates/map.hbs

我了解到,如果我们多次放置组件;它将有完整的新实例。textFacility因此,在同一组件的另一个实例中无法观察到更新变量和其他变量。但我也想在另一个实例中更新这些值。知道如何同步同一组件的多个实例的状态吗?

0 投票
1 回答
1819 浏览

ember.js - emberjs-2.0 在点击时动态添加更多组件

我有一个名为 display-me 的组件。我可以将多个相同的组件添加到同一个模板中,如jsfiddle所示,通过向该组件添加多个调用,如下所示:

但是,我想要的是一种情况,我可以单击一个按钮来添加组件的第二个条目,而不是像上面那样手动添加它,因为我想使用它来单击并添加任意数量的条目。

我已将此操作添加到我的索引路由,但它不起作用:

这是完整的jsfiddle

0 投票
0 回答
296 浏览

javascript - 不推荐使用 Ember.View 后,在使用事件侦听器时如何在 Ember 组件中设置属性?

我的应用程序正在使用 Ember 和交互 js 在屏幕上移动元素。Interact js 使用事件监听器来拖动项目并在 ember 组件中设置 top 和 left 属性。这一切都适用于 Ember 1.12,但我正在努力为 Ember 2.0 做好准备。Ember.View.views[id]是我获取组件的方式,但 Ember.View 不再工作。这是组件:

我应该如何获取组件以便在事件中设置其属性?就像我在评论中说的那样,我在事件中丢失了组件,所以简单地this.set("top", y)在事件中做是行不通的。我需要让组件设置其属性。

0 投票
1 回答
689 浏览

ember.js - 具有相同操作的 Ember DRY 嵌套组件

现在,我正在我的 ember 应用程序中构建一个特定的屏幕,其中包含未知数量的嵌套组件。因此,我试图不根据正在显示的组件更改 url,还有一些我想在每个子屏幕上显示的基本信息。

目前,当真正的动作逻辑仅在路线上定义时,我似乎必须重新定义并在所有这些动作名称中传递所有这些动作名称。有没有办法在控制器或一个“父”组件中干燥这些动作引用。

这是一个示例 ember-twiddle,我将这些组件渲染到一个插座http://ember-twiddle.com/31a69c62ceddcb69b02b

这是路线的示例

我知道 URL 应该是 Ember 中的王者,这是非常有罪的,但是很难重建一个潜在的嵌套视图。

0 投票
1 回答
532 浏览

ember.js - Ember 组件的“模板”和“布局”属性之间的区别?

API 文档说:

如果不提供layoutlayoutName属性,则不推荐使用指定组件的templateName 。

那么组件的模板布局有什么区别呢?在什么情况下我们需要同时指定模板布局

看起来该模板是布局的{{yield}}部分?

0 投票
1 回答
719 浏览

ember.js - Ember.js 1.13:观察组件传入属性的正确方法?

我正在尝试将我的项目升级到 Ember 1.13,我对component的新属性的行为有点困惑,尤其是当我必须观察它们时。

例如,我的测试组件观察到bar是从外部传递的参数。我知道在 Ember 的新 Glimmer 引擎中,组件的任何属性更改后都会重新渲染。我想不通的是,如果我观察attrs.bar(我没有修改bar!),那时观察者也会被解雇。但如果我观察酒吧本身,那就没问题了。

示例代码:

HTML 栏:

控制器:

零件:

通过点击按钮更改foo的值,我们也将触发barObv2。我为演示创建了一个 jsbin: https ://jsbin.com/qiwivu/2/edit?js,console,output

有谁知道为什么观察者被触发?