首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular 2-如何将参数传递给绑定属性的routerLink?

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

Stack Overflow用户
提问于 2017-01-06 03:23:25
回答 1查看 791关注 0票数 0

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

代码语言:javascript
运行
复制
<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>

有没有办法做到这一点?我当前收到以下错误:

代码语言:javascript
运行
复制
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">

谢谢大家!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-01-06 03:50:31

代码语言:javascript
运行
复制
<a [routerLink]="['/dashboards', {{ product.id }} ]'" class="dead-link">

你有额外的',而且你不需要在product.id周围加上‘{{}}

代码语言:javascript
运行
复制
<a [routerLink]="['/dashboards', product.id ]'" class="dead-link">

祝好运!

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41493049

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档