Angular 路由器链路中部的角度6查询参数

Angular 路由器链路中部的角度6查询参数,angular,typescript,Angular,Typescript,如何将参数放入routerlink 我正在尝试这样做: <p *ngFor="let supplier of suppliers"> <a [routerLink]="['/supplier/{{supplier.businessId}}/products']"> View Products </a> </p> 查看产品 您可以访问routerlink中的查询参数,如下所示 <a routerLink="/

如何将参数放入
routerlink

我正在尝试这样做:

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

查看产品


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

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

这将分配放置在
=
右侧的内容。如果存在具有
{{}}
的表达式,将对其进行求值和赋值

示例-
routerlink=“something”
-此处,某些内容将作为字符串分配给
routerlink

[]
强制计算
=
的右侧


示例-
[routerlink]=“something”
-此处,某些内容将被评估为属性,引擎将尝试在组件上找到名为
something
的属性,对其进行评估,然后根据您使用的Angular的版本将值分配给
routerlink
,但您也可以执行以下操作:

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

查看产品


这将消除对大括号的需要。
{{}

这样做:--完美!routerlink和[routerlink]之间有什么区别?这个比我的答案更容易理解。谢谢
routerlink=""
 [routerlink]=""
<p *ngFor="let supplier of suppliers">
   <a [routerLink]="['/supplier', supplier.businessId, 'products']">
        View Products
   </a>
</p>