在routerlink中间的Angular 6查询参数

Question

你如何将一个参数放入routerlink.

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

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

Answer 1

您可以在routerlink中访问查询参数,如下所示.

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

routerLink和[routerLink]有什么区别？

根据您在routerLink中的问题,您可以直接使用queryparams,如上面的代码所示,但在[routerLink]中,您可以像这样设置queryparams.

<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"- 这里将分配给routerlinkas字符串

 [routerlink]=""

[]强制=评估的右侧。

示例 - [routerlink]="something"- 此处某些内容将被评估为属性，引擎将尝试something在组件上查找具有名称的属性，对其进行评估，然后将值分配给routerLink.