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

Question

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

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

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

感谢您的帮助

Answer 1

我会用Observable 和Subject 来做。基本上你需要在这些组件的共享模块中注入一个service，以便它们共享状态。

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

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

这个想法很相似。