我正在研究 Angular Elements 并考虑将我们的 Angular 组件生成到 Angular Elements 中，以使其可以在 Angular 应用程序之外使用。
假设我有一个 Angular 4 应用程序，它导入两个不同的 Angular 元素（内置在 Angular 7 中）并将它们呈现在同一页面上，并在我的 Angular 4 组件中实例化一个服务。该服务包含我想要传递到我的 Angular 元素中的数据，因为 Web 组件只接受字符串作为属性（输入），有没有什么好的方法可以在服务实例之间共享数据/将服务实例传递到 Angular 元素中？
根据有关角度元素的最新讨论，您将能够在创建元素时传入注入器。
然后，这个共享注入器将充当不同元素之间的桥梁。
您正在尝试在 Angular 应用程序中使用两个 Angular 自定义元素。在这个场景中应用微前端的原理，两个应用程序应该尽可能独立。今天你使用 Angular Element 明天你可能会使用使用其他技术创建的 Web 组件（自定义元素），即使 Angular 的某些支持功能确实解决了这个问题，你可能会永远被 Angular Elements 卡住并且无法使用使用其他技术。
无论选择何种解决方案，它都应该尽可能地具有可扩展性和鲁棒性。
我的建议将使用以下方法之一：
1.通过事件总线通信。2. 传递路由参数，这些参数可用于从后端获取数据。3.Centralized Global Store (Redux, NGRX, MOBx)
祝一切顺利。