代码之家 › 专栏 › 技术社区 › Daniel Kaplan

在Angular 1和Angular 2应用程序之间共享数据

angularjs-scope angular javascript

-1

Daniel Kaplan · 技术社区 · 6 年前

这需要一些上下文:我正在开发一个遗留的Angular1应用程序。前端有点像一个整体,我们希望升级到Angular2,而不必等到所有的开发都被重写之后再进行。我们已经确定了一组独立于应用程序其他部分的功能。在某种意义上,它就像一个函数:如果您传递这些输入,它将计算它并返回一个结果。我们希望将此功能移植到它自己的代码库中,并将其重写为角度2。

它的工作方式是,您登录,所有这些调用都被发送到远程服务,它们的响应存储在角度为1的范围内。我们想要开发的功能需要传递这个数据,但是一旦它拥有了它,它就可以自己做它需要做的一切。所以问题是, 如何将角度1数据传递给角度2应用程序,反之亦然? 这两个应用程序可以从同一个域提供服务。

我们已经考虑过使用cookie,但是出于性能方面的考虑,我们不希望在每次通话时都通过电线发送这些数据。我们考虑过本地存储,但我不太了解。不确定它是否合适。还有其他的可能性吗?角度1/2内置的任何东西可以帮助解决这个问题?

1 回复 | 直到 6 年前

Jimmy Hedström 6 年前

另一种选择是在另一个框架内的iframe中运行angularJS或angular 2+应用程序,并使用 window.postMessage(...) 他们之间的交流。然而,这不是一个理想的解决方案,因为它需要同时加载两个框架,并且它们之间的通信可能有点混乱。

您可以在此处阅读更多关于邮件通信的信息: https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage

推荐文章

Junaid Farooq · 无法使用AngularJs在数字“1”上创建属性“subjects”

7 年前

bomberjackets · AngularJS服务/工厂动态$从$范围变量编译HTML

7 年前

Ashlin K Siby · $范围$apply()不工作-AngularJs

7 年前

Ege Bayrak · 对象在数组中更改,但在页面上保持不变

7 年前

NeverGiveUp161 · AngularJs将模型值+模型名称传递给控制器中的函数

7 年前

Sai Manoj · 如何将算术和二进制运算转换为它们所需的符号和值

7 年前

Nick · AngularJS作用域问题与$http

7 年前

Smit Patel · 获取最后一个内部ng重复索引

7 年前

S.Negi · 如何使用angularjs指令中的内置服务?

7 年前

Chris Wickham · Angular JS双向绑定变量不更新父范围

7 年前