问题标签 [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.
javascript - 在 Ember.js 中结合 linkTo 和 action 助手
我需要在 Ember.js 中结合 linkTo 和操作助手。我的代码是:
但我想让它变成这样:
并且:
至:
我怎样才能做到这一点?
解决方案
ember.js - ember中独立组件如何通信?
如何让独立组件知道组件中的更改或事件?
例如:
问题:我想replybox
在单击回复组件中的链接时切换其可见性。
ember.js - 如何在 ember 的嵌入视图中访问组件属性?
我正在将一些 html 传递给 ember 中的组件。html 已生成。但是生成的 html 无法访问组件中定义的属性。但是,这些属性确实适用于组件模板。
零件
组件模板
html 组件的使用情况,生成到上面的组件模板中
ember.js - ember js中的事件或动作冒泡
这里的 Js bin 片段,冒泡不起作用。 http://emberjs.jsbin.com/sawane/3/edit
余烬文档说,
http://emberjs.com/guides/views/handling-events/
事件从目标视图连续冒泡到每个父视图,直到根视图。
事件也通过控制器冒泡,然后路由层次结构。
我什至没有看到事件被冒泡路由。
ember.js - 当您在 ember 中观察列表时,如何找出哪个项目发生了变化?
在我的 component.js 中,我正在观察下面的组件属性..
如何找出哪个 Item isChecked 已更改?
完整的组件代码如下
ember.js - Ember {{#each}} 显示以前删除的记录
我一直在与我正在开发的应用程序中的一个错误作斗争。我创建了一个JSBin来说明它,这些是重现它应该采取的步骤:
- 单击显示“新规则集”的链接
您将看到 Rule Set Builder 模板显示该框。请注意,我已经包含了id
、和属性isDeleted
,以便轻松查看该记录的状态。我还显示了关系的长度。isDirty
isSaving
hasMany
- 单击“删除”链接以销毁该记录
正如预期的那样,规则集框消失了,长度表示有 0 个规则集。我同时使用removeObject
父模型和destroyRecord
我要删除的对象,尽管我认为 Ember 数据应该为我解决这个问题。
请注意,在控制台中,我正在记录firstObject
,即使 为 0,它似乎也很奇怪。length
我不知道这是否与下一步发生的事情有关。
- 再次单击“新规则集”链接
您会看到显示了两个框。第一个是您之前删除的规则集。请注意 it isDeleted
, notisDirty
和 not isSaving
,如此处所示,这意味着更改已持续存在。
显然,再次从记录中点击“ RemoveisDeleted
”会在控制台中引发错误:
未捕获的错误:尝试
deleteRecord
在 root.deleted.saved 状态下处理事件。
我错过了什么?{{#each}}
应该显示记录吗isDeleted
?
谢谢您的帮助!
javascript - 如何动态渲染 Ember 组件
{{component-name}}
在模板中使用时渲染组件效果很好。我想从带有动态参数的路由中渲染一个组件。我试过这个
它成功呈现了一个模板,但组件的事件(init、didInsertElement)和操作不起作用。
如何使事件和动作起作用?
ember.js - 获取一个 ember 组件来维护跨路由转换的状态
在 ember 控制器中,它们保持状态跨越转换,因为它们是单例,是否可以对组件做同样的事情?
我需要这个,因为在我的 ember 应用程序中,用户在路由之间导航,但相应路由中的组件被初始化为其初始状态,我不希望在这种情况下发生这种情况。
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
ember.js - 如何使用 Ember 组件实现单例/单态实例
如果你想在组件级别引入一个间接层——即以声明方式——你会怎么做?我不知道用 Ember 以声明方式执行此操作的任何可能性。你可以这样做getElementById()
,但这样你只能获取 DOM 输出而不是组件实例。
为了使我的问题更具体,举个例子:假设您有一个组件 A,它具有可配置的行为,您不想通过属性一遍又一遍地定义。因此,组件可能会查找某个键,例如meta.A.configSetting
查看是否configSetting
已全局设置。
为此,聚合物有一个称为“聚合物元”的成分。这里有一个说明如何使用它。您还将组件 AX 放置在您的应用程序中,该组件恰好以单态方式为此配置键(可能还有许多其他键)提供特定值。
更一般地说,使用 Polymer,您可以通过传递 DOM 元素的 ID 来将事物组合在一起,您可以将其作为普通 JS 对象查找和使用。我认为这很好,我在 Ember 中看不到任何等价物。
有任何想法吗?