根组件中的Angular2模板容器？

Question

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

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

我想从modalService中显示一个模态，例如，打开应用程序对话框。

我希望我的问题很明确。

Answer 1

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