角度路由器鏈接到路徑

Question

我需要轉到 localhost:4200/route/SOME_PARAMETER，其中 SOME_PARAMETER 是組件的屬性。

目前我有這個：

<a [routerLink]="['/route/${SOME_PARAMETER}']">

但它把我帶到了一條錯誤的路線上。

我想我只需要弄清楚語法。

Answer 1

你能提供你的路由模塊嗎？

無論如何，

在路由模塊中，您將具有以下語法：

{ path: 'route/:id', component: SomeComponent} （帶不帶“路由”，你懂的）

和 routerLink 看起來像那樣

[routerLink]="'route/' + parameter" （而“參數”將是組件的全局變量。

Answer 2

您正在尋找的是向 routerLink 添加動態值。語法如下，您可以根據需要傳遞任意數量的參數。

<a [routerLink]="['route',parameter]">

當然，您需要正確設置路由模塊。 考慮到您的示例，它將是：

[{ path: 'route/:some_param', component: ComponentToBeRendered }]

來自官方文檔：

您可以使用動態值來生成鏈接。 對於動態鏈接，傳遞一組路徑段，然后是每個段的參數。 例如，['/team', teamId, 'user', userName, {details: true}] 生成指向 /team/11/user/bob;details=true 的鏈接。