ember.js - Ember.js 中的可重用组件 - 如何处理 Bootstrap 模态？

Question

我有以下场景要编码。有一张信用卡清单。用户可以单击立即应用按钮。当所申请的卡具有会员代码时，用户将直接转到提供商站点。但是当没有这样的代码时，应该出现一个模式，要求用户输入他或她的电子邮件地址。如果地址有效，他可以继续访问上述提供者站点。

我查看了一些解决方案，如何在 Ember 中解决模态问题，但不知道我的解决方案是否好。一种解决方案使用例如路由（应用程序的状态）。

我的意图是在apply每次触发时显示模态动作。我尝试了 Discourse 方法，但我不太清楚如何处理模态外观，以便仅在触发动作时才出现。

您能否看看我的示例并告诉我我做错了什么以及如何改进它？也许那里有更好的解决方案？

http://jsbin.com/igitec/1/

更新

您可以在此处找到更新后的工作示例：http: //jsbin.com/igitec/3/ 在不久的将来，我们将能够更轻松地使用模态和其他组件，但现在我们必须使用他们以一种令人费解的方式。

Answer 1

我看了你的解决方案。似乎它能够渲染一次模态但不能处理关闭。您可能会做的主要改进是尝试断开插座。就像是：

this.render('nothing', { into: 'application', outlet: 'modal' });

查看此答案以了解更多详细信息：带有 ember 1.0 rc6 的模态弹出窗口

Answer 2

不知何故，我无法发表评论，所以我将其写为答案：似乎在模式外部单击有一个错误：您可以通过单击外部将其关闭，但随后无法重新打开它。我会尽快查看它（因为我也需要它）并发布修复。可能还会添加通过 ESC 按钮关闭它的功能。