如何为应用程序创建通用弹出窗口?
问题描述:
我正在尝试创建一个弹出窗口,它可以在整个应用程序中使用并进行控制。如何为应用程序创建通用弹出窗口?
所以我保持HTML资产在应用程序模板。我想显示并隐藏从应用程序弹出的任何页面。
我明白,它可以通过服务获得灵感。但我没有太多的想法来实现这一点。任何一个建议我正确的方式?
需要的是:从任何页面显示弹出窗口,点击关闭按钮弹出窗口关闭窗口。
这是我的Twiddle
在角情况下,它可以从factory
对象来实现。
答
我可能会做这样的:
- 的弹出
- 创建一个组件为暴露了一个名为“ISOPEN”属性设置为真/假方法弹出创建服务。应用程序的其他部分可以使用打开和关闭弹出窗口的方法。
- 注入弹出服务到应用程序控制器
- 将它添加到应用程序模板在
{{if popupService.isOpen}}
块
祝你好运,记得写许多测试,确保每个部件的工作,你去之前下一步,并记得经常咨询指南;-)
+0
你可以告诉我在旋转我对emberjs很新 – 3gwebtrain
目前,我试过一种方式,但客户端需要'服务'的方法 – 3gwebtrain