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>