Angular 元素之间的共享数据

Question

我正在研究 Angular Elements，并考虑将我们的 Angular 组件生成到 Angular Elements 中，以便在 Angular 应用程序之外使用。

假设我有一个 Angular 4 应用程序，它导入两个不同的 Angular 元素（内置在 Angular 7 中）并将它们呈现在同一页面上，并在我的 Angular 4 组件中实例化一个服务。该服务包含我想要传递到我的 Angular 元素中的数据，因为 Web 组件只接受字符串作为属性（输入），有没有什么好的方法可以在服务实例之间共享数据/将服务实例传递到 Angular 元素中？

Answer 1

根据有关角度元素的最新讨论，您将能够在创建元素时传入注入器。

这个共享注入器将充当不同元素之间的桥梁。

Answer 2

您正在尝试在 Angular 应用程序中使用两个 Angular 自定义元素。 在这个场景中应用微前端的原理，两个应用程序应该尽可能独立。今天你使用 Angular Element 明天你可能会使用使用其他技术创建的 Web 组件（自定义元素），即使 Angular 的某些支持功能确实解决了这个问题，你可能会永远被 Angular Elements 卡住并且无法使用使用其他技术。

无论选择何种解决方案，它都应该尽可能具有可扩展性和稳健性。

我的建议是使用以下方法之一：

1.通过事件总线进行通信。 2. 传递路由参数，这些参数可用于从后端获取数据。 3.集中式全球存储（Redux、NGRX、MOBx）

一切顺利。