Angular 按角度将按钮单击时的数据从一个组件传递到另一个组件

HTML:

请求

我正在获取此组件中的数据，如product.name、product.id等

/请求是另一个视图，我需要在单击按钮时将用户重定向到该视图（现在我通过[routerLink]实现），并将value product.id传递到该视图，因为我想在该视图上使用该值

数据：

我的数据是以列表的形式显示的，每次点击按钮，都会有不同的ID

---

单击按钮时，我无法将值传递给其他视图。对最佳方法有什么建议吗？

您需要通过URL传递值。为此，首先，您需要在路由文件中声明它。例如：

 <button [routerLink]="['/Request']">Request</button>

之后，只需将其添加到路线中即可。你可以做：

{
  path: 'request/:clientId
  component: RequestComponent
}

---

@WenHaoWu使用查询参数将不安全。我已经知道了。这就是为什么我要求最好的方法使用它安全吗？向URL公开ID？有没有办法隐藏它？关于安全与否，这取决于您的应用程序和传输的内容。据我所知，您的另一个选择是使用@Input/@Output（父子关系）或创建特定于此的服务。
<button [routerLink]=['/request', client.id]">Request</button>


<button routerLink="/request/{{ client.id }}">Request</button>