angular - 如何从子组件显示应用程序级别的警报

Question

我想有一些规则或建议能够做到这一点：

我有一个关于应用程序级别的警报，我想在我的一个组件发生某些事情时显示它（例如：保存信息成功或失败）。

另外，我怎样才能发送我想显示的不同文本？有没有与@ViewChild 等价的东西？

谢谢你的帮助

Answer 1

我会用Observableand来做Subject。基本上，您需要service注入这些组件的共享模块，以便它们共享状态。

应用程序（根）组件将拥有一个subscription服务public observable。每个组件都将service通过调用.next()on来设置状态subject。将observable返回的值subject.

您可以在此处查看代码：https ://angular.io/guide/component-interaction#parent-and-children-communicate-via-a-service

这个想法非常相似。