angular 8 中兄弟组件之间传递数据的最佳方式是什么？

Question

在一个angular项目中，我必须组件"Component1"和"Component2"，这两个组件没有关系，它们是延迟加载组件。现在我的要求是我需要在 "Component1" 中调用一个 HTTP 请求并获取响应数据并导航到 "Component2"，这些响应数据用于在 post 中调用一个 http 请求 post 请求=16=]，我们如何将这些数据从"component1"传递到"component2"。 注意：如果我在 "Component2" 数据（来自 "component1"）中刷新浏览器，我也希望它不会丢失。 将数据从 "Component1" 传递到 "Component2" 的最佳方式是什么？请解决我的问题.. 问候卡马尔夏尔马

Answer 1

您可以在路由中将数据作为对象传递

 this._router.navigate(['SecondComponent', {p1: this.property1, p2: property2 }]);

但是刷新页面数据会丢失。加载后保留数据的唯一方法是将其存储在本地存储中。

localStorage.setItem("variableName",data);

并简单地使用

localStorage.getItem('variableName');

获取数据

angular 8 中兄弟组件之间传递数据的最佳方式是什么？

What is the best way to pass data between sibling components in angular 8?

angular

angular5

angular8