Angular 元素之间的共享数据
Shared data between Angular Elements
我正在研究 Angular 元素并考虑将我们的 Angular 组件生成到 Angular 元素中，以便可以在 Angular 应用程序之外使用。
假设我有一个 Angular 4 应用程序，它导入两个不同的 Angular 元素（内置于 Angular 7）并将它们呈现在同一页面上，我在我的 Angular 4 个组件。该服务包含我想传递到我的 Angular 元素中的数据，因为 Web 组件只接受字符串作为属性（输入），是否有任何好的方法可以将数据 between/pass 服务实例共享到Angular 元素?
根据关于 angular 元素的最新讨论，您将能够在创建元素时传入注入器。
此共享注入器将充当不同元素之间的桥梁。
您正在尝试在 Angular 应用程序中使用两个 Angular 自定义元素。
在这个场景中应用微前端的原理，两个应用程序应该尽可能独立。今天您使用的是 Angular 元素，明天您可能会使用使用其他技术创建的 Web 组件（自定义元素），即使 Angular 的一些支持功能确实解决了这个问题，您也可能会遇到 Angular元素永远无法使用其他技术。
无论选择何种解决方案，都应尽可能具有可扩展性和稳健性。
我的建议是使用以下之一：
1.Communication 通过事件总线。
2.传递路由参数，这些参数可用于从后端获取数据。
3.Centralized 全球商店（Redux、NGRX、MOBx）
祝一切顺利。
我正在研究 Angular 元素并考虑将我们的 Angular 组件生成到 Angular 元素中，以便可以在 Angular 应用程序之外使用。
假设我有一个 Angular 4 应用程序，它导入两个不同的 Angular 元素（内置于 Angular 7）并将它们呈现在同一页面上，我在我的 Angular 4 个组件。该服务包含我想传递到我的 Angular 元素中的数据，因为 Web 组件只接受字符串作为属性（输入），是否有任何好的方法可以将数据 between/pass 服务实例共享到Angular 元素?
根据关于 angular 元素的最新讨论，您将能够在创建元素时传入注入器。
此共享注入器将充当不同元素之间的桥梁。
您正在尝试在 Angular 应用程序中使用两个 Angular 自定义元素。 在这个场景中应用微前端的原理，两个应用程序应该尽可能独立。今天您使用的是 Angular 元素，明天您可能会使用使用其他技术创建的 Web 组件（自定义元素），即使 Angular 的一些支持功能确实解决了这个问题，您也可能会遇到 Angular元素永远无法使用其他技术。
无论选择何种解决方案，都应尽可能具有可扩展性和稳健性。
我的建议是使用以下之一：
1.Communication 通过事件总线。 2.传递路由参数，这些参数可用于从后端获取数据。 3.Centralized 全球商店（Redux、NGRX、MOBx）
祝一切顺利。