如何为应用程序创建通用弹出窗口?

问题描述:

我正在尝试创建一个弹出窗口,它可以在整个应用程序中使用并进行控制。如何为应用程序创建通用弹出窗口?

所以我保持HTML资产在应用程序模板。我想显示并隐藏从应用程序弹出的任何页面。

我明白,它可以通过服务获得灵感。但我没有太多的想法来实现这一点。任何一个建议我正确的方式?

需要的是:从任何页面显示弹出窗口,点击关闭按钮弹出窗口关闭窗口。

这是我的Twiddle

在角情况下,它可以从factory对象来实现。

+0

目前,我试过一种方式,但客户端需要'服务'的方法 – 3gwebtrain

我可能会做这样的:

  1. 的弹出
  2. 创建一个组件为暴露了一个名为“ISOPEN”属性设置为真/假方法弹出创建服务。应用程序的其他部分可以使用打开和关闭弹出窗口的方法。
  3. 注入弹出服务到应用程序控制器
  4. 将它添加到应用程序模板在{{if popupService.isOpen}}

祝你好运,记得写许多测试,确保每个部件的工作,你去之前下一步,并记得经常咨询指南;-)

+0

你可以告诉我在旋转我对emberjs很新 – 3gwebtrain