Angular 2中的彈出對話框

我試圖創建一個彈出對話框，要求輸入並返回值。Angular 2中的彈出對話框

我包括根組件上的彈出部件，所述應用程序的路由器出口

在彈出部件上方，我有改變的布爾我稱爲「狀態」的open（）方法，其中所述部件具有*如果看着（控制彈出窗口的外觀）。

如果我創建一個服務並使用事件發射器，我無法獲得表單輸入的返回值。

有什麼建議嗎？

編輯：我爲是這裏不好道歉 - 原來我不得不使用終極版風格的數據模型

2016-11-14 David Alsh

我將組件作爲提供者放置在app.module中，但是當我在服務的構造函數中調用組件時，它會創建一個實例，而不是讓我直接與該類進行交互。也許我正在談論這個錯誤。 –

你能提供一些代碼嗎？ – Fiddles

嘿謝謝你的回覆。我希望這段代碼能夠說明我正在努力做得更好。 https://gist.github.com/alshdavid/f783ad367bc1c77cb07412ba0ea2e099 –

你已經有了一個小錯誤，在*ngFor爲通過迭代採集。您需要改爲*ngIf。

關於如何實現這樣的彈出窗口，這是一個相當廣泛的問題。我會盡量在後面舉一個例子。

2016-11-14 04:53:56 Fiddles

謝謝你，改變了它 - 早些時候有點慌亂。我已經被推薦爲redux風格的方法，在這裏我修改了一個服務中的數據的中心點， –

回答