Angular 2中的弹出对话框

问题描述：

我试图创建一个弹出对话框，要求输入并返回值。Angular 2中的弹出对话框

我包括根组件上的弹出部件，所述应用程序的路由器出口

在弹出部件上方，我有改变的布尔我称为“状态”的open（）方法，其中所述部件具有*如果看着（控制弹出窗口的外观）。

如果我创建一个服务并使用事件发射器，我无法获得表单输入的返回值。

有什么建议吗？

编辑：我为是这里不好道歉 - 原来我不得不使用终极版风格的数据模型

我将组件作为提供者放置在app.module中，但是当我在服务的构造函数中调用组件时，它会创建一个实例，而不是让我直接与该类进行交互。也许我正在谈论这个错误。 –

你能提供一些代码吗？ – Fiddles

嘿谢谢你的回复。我希望这段代码能够说明我正在努力做得更好。 https://gist.github.com/alshdavid/f783ad367bc1c77cb07412ba0ea2e099 –

答

你已经有了一个小错误，在*ngFor为通过迭代采集。您需要改为*ngIf。

关于如何实现这样的弹出窗口，这是一个相当广泛的问题。我会尽量在后面举一个例子。

谢谢你，改变了它 - 早些时候有点慌乱。我已经被推荐为redux风格的方法，在这里我修改了一个服务中的数据的中心点， –