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

javascript - 在 Ember.js 中结合 linkTo 和 action 助手

我需要在 Ember.js 中结合 linkTo 和操作助手。我的代码是:

但我想让它变成这样:

并且:

至:

我怎样才能做到这一点?

解决方案

检查我对Ember 2.0 兼容的回答,对于 SEO 解决方案可以

0 投票
1 回答
677 浏览

ember.js - ember中独立组件如何通信?

如何让独立组件知道组件中的更改或事件?

例如:

问题:我想replybox在单击回复组件中的链接时切换其可见性。

0 投票
1 回答
805 浏览

ember.js - 如何在 ember 的嵌入视图中访问组件属性?

我正在将一些 html 传递给 ember 中的组件。html 已生成。但是生成的 html 无法访问组件中定义的属性。但是,这些属性确实适用于组件模板。

零件

组件模板

html 组件的使用情况,生成到上面的组件模板中

0 投票
1 回答
1108 浏览

ember.js - ember js中的事件或动作冒泡

这里的 Js bin 片段,冒泡不起作用。 http://emberjs.jsbin.com/sawane/3/edit

余烬文档说,

http://emberjs.com/guides/views/handling-events/

事件从目标视图连续冒泡到每个父视图,直到根视图。

事件也通过控制器冒泡,然后路由层次结构。

我什至没有看到事件被冒泡路由。

0 投票
1 回答
544 浏览

ember.js - 当您在 ember 中观察列表时,如何找出哪个项目发生了变化?

在我的 component.js 中,我正在观察下面的组件属性..

如何找出哪个 Item isChecked 已更改?


完整的组件代码如下

0 投票
1 回答
209 浏览

ember.js - Ember {{#each}} 显示以前删除的记录

我一直在与我正在开发的应用程序中的一个错误作斗争。我创建了一个JSBin来说明它,这些是重现它应该采取的步骤:

  1. 单击显示“新规则集”的链接

您将看到 Rule Set Builder 模板显示该框。请注意,我已经包含了id、和属性isDeleted,以便轻松查看该记录的状态。我还显示了关系的长度。isDirtyisSavinghasMany

  1. 单击“删除”链接以销毁该记录

正如预期的那样,规则集框消失了,长度表示有 0 个规则集。我同时使用removeObject父模型和destroyRecord我要删除的对象,尽管我认为 Ember 数据应该为我解决这个问题。

请注意,在控制台中,我正在记录firstObject,即使 为 0,它似乎也很奇怪。length我不知道这是否与下一步发生的事情有关。

  1. 再次单击“新规则集”链接

您会看到显示了两个框。第一个是您之前删除的规则集。请注意 it isDeleted, notisDirty和 not isSaving,如此处所示,意味着更改已持续存在。

显然,再次从记录中点击“ RemoveisDeleted ”会在控制台中引发错误:

未捕获的错误:尝试deleteRecord在 root.deleted.saved 状态下处理事件。

我错过了什么?{{#each}}应该显示记录吗isDeleted

谢谢您的帮助!

0 投票
1 回答
2113 浏览

javascript - 如何动态渲染 Ember 组件

{{component-name}}在模板中使用时渲染组件效果很好。我想从带有动态参数的路由中渲染一个组件。我试过这个

它成功呈现了一个模板,但组件的事件(init、didInsertElement)和操作不起作用。

如何使事件和动作起作用?

示例:http ://emberjs.jsbin.com/badaku/1/

0 投票
2 回答
937 浏览

ember.js - 获取一个 ember 组件来维护跨路由转换的状态

在 ember 控制器中,它们保持状态跨越转换,因为它们是单例,是否可以对组件做同样的事情?

我需要这个,因为在我的 ember 应用程序中,用户在路由之间导航,但相应路由中的组件被初始化为其初始状态,我不希望在这种情况下发生这种情况。

0 投票
1 回答
543 浏览

ember.js - ember 应用程序中无法识别 ember 插件中公开的组件

我有一个记录 ember 集成测试的插件:

https://github.com/QuantumInformation/ember-cli-test-recorder

但是我发现当我通过 npm 将它导入到 ember cli 项目中,然后使用它在 appplication.hbs 中公开的组件时:

我在运行时得到以下信息:

请注意,该组件在虚拟应用程序中运行良好,并且此插件曾经在 ember 的 1.10 版中运行。

在这种情况下,对插件和 ember 项目使用 ember cli 0.2.5

0 投票
0 回答
274 浏览

ember.js - 如何使用 Ember 组件实现单例/单态实例

如果你想在组件级别引入一个间接层——即以声明方式——你会怎么做?我不知道用 Ember 以声明方式执行此操作的任何可能性。你可以这样做getElementById(),但这样你只能获取 DOM 输出而不是组件实例。

为了使我的问题更具体,举个例子:假设您有一个组件 A,它具有可配置的行为,您不想通过属性一遍又一遍地定义。因此,组件可能会查找某个键,例如meta.A.configSetting查看是否configSetting已全局设置。

为此,聚合物有一个称为“聚合物元”的成分。这里有一个说明如何使用它。您还将组件 AX 放置在您的应用程序中,该组件恰好以单态方式为此配置键(可能还有许多其他键)提供特定值。

更一般地说,使用 Polymer,您可以通过传递 DOM 元素的 ID 来将事物组合在一起,您可以将其作为普通 JS 对象查找和使用。我认为这很好,我在 Ember 中看不到任何等价物。

有任何想法吗?