如何爲應用程序創建通用彈出窗口？

Question

我正在嘗試創建一個彈出窗口，它可以在整個應用程序中使用並進行控制。

所以我保持HTML資產在應用程序模板。我想顯示並隱藏從應用程序彈出的任何頁面。

我明白，它可以通過服務獲得靈感。但我沒有太多的想法來實現這一點。任何一個建議我正確的方式？

需要的是：從任何頁面顯示彈出窗口，點擊關閉按鈕彈出窗口關閉窗口。

這是我的Twiddle

在角情況下，它可以從factory對象來實現。

Answer 1

我可能會做這樣的：

1. 的彈出
2. 創建一個組件爲暴露了一個名爲「ISOPEN」屬性設置爲真/假方法彈出創建服務。應用程序的其他部分可以使用打開和關閉彈出窗口的方法。
3. 注入彈出服務到應用程序控制器
4. 將它添加到應用程序模板在{{if popupService.isOpen}}塊

祝你好運，記得寫許多測試，確保每個部件的工作，你去之前下一步，並記得經常諮詢指南;-)