根组件中的Angular2模板容器？答案

【问题标题】：Angular2 template container in root component?根组件中的Angular2模板容器？
【发布时间】：2017-01-19 06:11:33
【问题描述】：

我想在我的 Angular2 项目中的几乎所有组件中使用 Modal。我创建了一个带有选择器<app-dialog></app-dialog> 的应用程序对话框组件，我可以使用@Input() 和@Output() 参数设置选项。

我可以在所有组件模板中使用<app-dialog></app-dialog> 容器，但是没有更聪明的方法吗？我认为将它放在根 app.component.html 中会很好，但它不起作用。

例如，我想显示来自 modalService 的模式，打开应用程序对话框。

我希望我的问题很清楚。

【问题讨论】：

ng-bootstrap modal 做你想做的事，你可以检查他们是如何做到的：link
Angular2 Material 组件还包含一个模态组件。您至少可以将其用作您自己实现的示例。

标签： angular

【解决方案1】：

您需要使用Observable 创建Service，在Modal 中绑定到该Observable，然后将@Inject() Service 绑定到消费者@Component，这应该通过该服务将所有更改（@Input）发布到模态。如果你需要@Output，那么你需要第二个Observable...更多信息请阅读documentation

【讨论】：