Angular 2 - 如何将参数传递给绑定属性的routerLink?
问题描述:
我在查找一些文档时遇到了一些问题,以了解如何将绑定属性作为参数传递给我的routerLink。Angular 2 - 如何将参数传递给绑定属性的routerLink?
<a [routerLink]="['/dashboards', {{ product.id }} ]'" class="dead-link">
<div class="card-header">
{{ product.programName }}
</div>
<div class="card-block">
<h4 class="card-title product-name">{{ product.name }}</h4>
<p class="card-text product-description">{{ product.description | TruncatePipe }}</p>
</div>
<div class="card-footer text-muted">
Last Updated {{ product.modifiedDate | date: 'MMMM d, y' }}
</div>
</a>
有没有办法做到这一点?我目前收到以下错误:
EXCEPTION: Error: Uncaught (in promise): Template parse errors:
Lexer Error: Unterminated quote at column 31 in expression [['/dashboards', {product.id} ]'] ("<a [ERROR ->][routerLink]="['/dashboards', {product.id} ]'" class="dead-link">
<div class="card-header">
谢谢大家!
答
<a [routerLink]="['/dashboards', {{ product.id }} ]'" class="dead-link">
你有额外的”,而你不需要 “{{}}” 周围的product.id
<a [routerLink]="['/dashboards', product.id ]'" class="dead-link">
祝您好运!