路由器链路中间的 Angular 6 查询参数

Question

如何将参数放入routerlink.

我正在尝试做这样的事情：

<p *ngFor="let supplier of suppliers">
<a [routerLink]="['/supplier/{{supplier.businessId}}/products']">
View Products
</a>
</p>

Answer 1

您可以在路由器链接中访问查询参数，如下所示。

<a routerLink="/product/productDetails/{{item.product.id}}" title="Edit"> <span class="glyphicon glyphicon-pencil"></span> </a>

路由器链接和[路由器链接]有什么区别？

根据您在routerLink中的问题，您可以直接使用查询参数，如上面的代码所示，但在[routerLink]中，您可以像这样设置查询参数。

<a [routerLink]="['/user/bob']" [queryParams]="{debug: true}" fragment="education">
link to user component
</a>

欲了解更多信息，请访问此链接：https://angular.io/api/router/RouterLink

Answer 2

routerlink=""

这将分配放在=右侧的内容。如果存在带有{{}}的表达式，它将被计算并赋值。

示例 -routerlink="something"- 这里的东西将作为字符串分配给routerlink

[routerlink]=""

[]强制评估=的右侧。

示例 -[routerlink]="something"- 这里某些东西将被评估为属性，引擎将尝试在组件上查找名称为something的属性，对其进行评估，然后将值分配给routerLink。

Answer 3

具体取决于您使用的 Angular 版本，但您也可以执行以下操作：

<p *ngFor="let supplier of suppliers">
<a [routerLink]="['/supplier', supplier.businessId, 'products']">
View Products
</a>
</p>

这将消除对牙套的需求{{ }}.