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

Question

HTML：

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

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

/ Request是另一个视图，我需要在单击按钮时将用户重定向到该视图（现在，我正在通过[routerLink]实现此操作），并将值product.id传递给该视图，因为我想使用该视图的价值。

数据：

我的数据采用列表的形式，在每个按钮上单击时，都会有不同的ID。

单击按钮后，我无法将值传递给另一个视图。有最佳方​​法的建议吗？

Answer 1

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

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

之后，只需将其添加到您的路线即可。您可以这样做：

<button [routerLink]=['/request', client.id]">Request</button>

或

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

祝你好运。