Angular Elements之间的共享数据

时间:2018-11-21 18:36:24

标签: angular angular7 angular-elements

我正在研究Angular Elements,并考虑将我们的Angular组件生成为Angular Elements,以便有可能在Angular应用程序之外使用。

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

2 个答案:

答案 0 :(得分:3)

根据有关角形元素的最新报道,您将可以在创建元素时将其传递给注入器。

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

答案 1 :(得分:-1)

您正在尝试在Angular应用程序中使用两个Angular自定义元素。 在这种情况下应用微前端的原理,这两个应用程序应尽可能独立。今天,您明天将使用Angular Element,您可能会使用使用某些其他技术创建的Web组件(自定义元素),即使某些支持Angular的功能确实解决了此问题,您也可能永远被Angular Elements所困,无法使用使用其他技术。

无论选择哪种解决方案,它都应尽可能具有可扩展性和鲁棒性。

我的建议将使用以下之一:

1。通过事件总线进行通讯。 2.传递路由参数,这些参数可用于从后端获取数据。 3.集中化的全球商店(Redux,NGRX,MOBx)

祝一切顺利。