时间戳

首页 > 解决方案 > 在 Angular 8 中的兄弟组件之间传递数据的最佳方式是什么？

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

问题描述

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

标签： angularangular5angular8

解决方案

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

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

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

localStorage.setItem("variableName",data);

并简单地使用

localStorage.getItem('variableName');

获取数据

推荐阅读