Question

我在找到一些关于如何在binLink中将绑定属性作为参数传递的文档时遇到了一些麻烦。

<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">

谢谢大家！

Answer 1

<a [routerLink]="['/dashboards', {{ product.id }} ]'" class="dead-link">

你有额外的'，而且你不需要围绕product.id

的“{{}}”

<a [routerLink]="['/dashboards', product.id ]'" class="dead-link">

祝你好运！

Angular 2 - 如何将参数传递给绑定属性的routerLink？

1 个答案: