如何在角度 7 中将值从一页传递到另一页答案

【问题标题】：How to pass value from one page to another in angular 7如何在角度 7 中将值从一页传递到另一页
【发布时间】：2019-08-19 06:32:09
【问题描述】：

我知道这个问题可能是重复的，但是我不明白他们的答案，所以我问它。

我有一个搜索页面和一个查看客户详细信息的页面。在搜索页面中，如果我输入名称，则会得到匹配的客户名称列表。

现在我想创建一个链接或按钮，如果我单击它，我应该能够查看该客户的所有详细信息，例如客户历史记录和所有内容。我已经准备好搜索和查看页面。

我的问题是如何创建一个导航，如果我点击特定用户，它将带我进入查看页面并显示与该客户相关的所有信息

【问题讨论】：

您需要查看路由、RouteParameters 和服务。
@moritzg 是这三种不同的方法还是...？
有多种方法可以做到这一点，但我会使用路由器转到下一页，使用 URL 中的参数为详细信息页面提供您的 ID，然后使用服务检索带有 ID 的详细信息.
我无法理解的是我将如何获取数据。我的意思是现在在视图屏幕中我点击了一个带有客户 ID 的 api，然后显示信息。但是我将如何在不同页面上的 api 中传递客户 ID 的值
为什么不在详情视图中也使用 api？

【解决方案1】：

您可以使用localstorage 来解决它。这很容易做到，就像前端的 BD Key->Value 一样工作。

【讨论】：

【解决方案2】：

前段时间，我写了一篇关于如何使用路由器传递数据的博客： https://yakovfain.com/2015/11/11/angular-2-passing-data-to-routes/

您尝试实现的用例在我看来就像一个主从视图（客户列表是“主”，客户详细信息视图是“详细”）。我写了另一个关于这个特定场景的博客： https://yakovfain.com/2016/11/20/angular-2-implementing-master-detail-using-router/

【讨论】：