Loading [MathJax]/jax/input/TeX/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >Angular 2-如何将参数传递给绑定属性的routerLink?

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

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

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

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<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
代码运行次数:0
运行
AI代码解释
复制
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-05 19:50:31

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

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

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

祝好运!

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

https://stackoverflow.com/questions/41493049

复制
相关文章
如何将多个参数传递给 React 中的 onChange?
在 React 中,一些 HTML 元素,比如 input 和 textarea,具有 onChange 事件。onChange 事件是一个非常有用、非常常见的事件,用于捕获输入框中的文本变化。有时候,我们需要将多个参数同时传递给 onChange 事件处理函数,在本文中,我们将介绍如何实现这一目标。
网络技术联盟站
2023/06/07
2.7K0
【Angular6+】属性及样式绑定
借助 CSS 类绑定,可以从元素的 class attribute 上添加和移除 CSS 类名。
CloudCat
2019/05/26
1K0
浅谈Angular
AngularJS 是一个 JavaScript框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到HTML 页面。
生南星
2019/07/20
4.4K0
LoadRunner参数传递给参数
需求:使用随机函数时,需要参数化某个参数,并且后面的步骤需要使用这个参数。 方法: 1 lr_save_string 该函数主要是将程序中的常量或变量保存为lr中的参数 2 lr_eval_string 从参数中取得对应的值,并且转换为一个字符串 测试: 在action里写: 1 lr_output_message("*****参数:%s********",lr_save_string(lr_eval_string("{NewParam}"),"name")); 2 lr_output_messag
全栈测试开发日记
2023/02/18
2.9K0
Angular 从入坑到挖坑 - Router 路由使用入门指北
Angular 入坑记录的笔记第五篇,因为一直在加班的缘故拖了有一个多月,主要是介绍在 Angular 中如何配置路由,完成重定向以及参数传递。至于路由守卫、路由懒加载等“高级”特性,并不会在本篇文章中呈现
程序员宇说
2020/05/19
4.2K0
AngularDart 4.0 高级-路由概述 顶
本指南涵盖路由器的主要功能,通过演示可以实时运行的小应用程序(查看源代码)演示它们。
南郭先生
2018/08/14
6.1K0
AngularDart 4.0 高级-路由概述
                                                    顶
Angular开发者手册重点翻译之指令(一)文本和属性绑定ngAttr属性绑定
创建自定义的指令 这个文章将解释什么需要在自己的angularjs应用中创建自己的指令,以及如何实现它。 什么是指令 在高的层面上讲,指令是DOM元素中的标记(例如一个属性,一个节点名,注释或者CSS类),它告诉angularjs编译器去给这个元素附加一个指令的行为或者转换DOM元素和它的子元素。 Angularjs拥有一些内建的指令,像ngBind、ngModel和ngClass。非常类似于你创建自己的controller和service,你可以创建你自己的指令个angularjs使用,党angula
小白哥哥
2018/03/07
1.7K0
Angular进阶教程2-<依赖注入+RxJS>
组件\color{#0abb3c}{组件}组件不应该直接获取或保存数据,它们应该聚焦于展示数据,而把数据访问和处理的职责委托给某个服务\color{#0abb3c}{服务}服务。那面对组件和服务之间的关系,该如何处理他们之间的依赖关系呢?Angular就引入了依赖注入框架\color{#0abb3c}{依赖注入框架}依赖注入框架去解决这件事情。
玖柒的小窝
2021/12/08
4.2K0
Angular进阶教程2-<依赖注入+RxJS>
🔥【Angular教程】路由入门
路由的概念在前端的框架中得到了广泛的应用,对于路由的感念不做阐述,路由的应用无外乎就是嵌套、传参,高级一些的功能如懒加载、预加载,再高级一些的如:路由守卫等。本篇我们就一起来看一看在Angular中如何使用路由。
前端小鑫同学
2022/12/25
4.4K0
🔥【Angular教程】路由入门
Ajax请求($.ajax())中data属性传参数的形式
实现Ajax提交数据进行请求,其中data属性设置传参的方法有好几种形式,如下: //第一种写法(把参数拼接在URL中,data属性设为空{ })
PM吃瓜
2019/08/12
3.9K0
React篇(029)-如何将参数传递给事件处理程序或回调函数?
你可以使用箭头函数来包装事件处理器并传递参数: <button onClick={() => this.handleClick(id)} /> 这相当于调用 .bind: <button onClick={this.handleClick.bind(this, id)} />
齐丶先丶森
2022/05/12
3.8K0
Angular 6.x 快速入门
在 Angular 中,我们可以通过 Component 装饰器和组件类来创建自定义组件。
阿宝哥
2019/11/05
14.2K0
python中如何定义函数的传入参数是option的_如何将几个参数列表传递给@ click.option…
如果通过使用自定义选项类将列表格式化为python列表的字符串文字,则可以强制单击以获取多个列表参数:
Java架构师必看
2021/08/23
7.8K0
angular基础面试题_java web面试题
Angular 为典型的数据转换提供了内置的管道,包括国际化的转换(i18n),它使用本地化信息来格式化数据。数据格式化常用的内置管道如下:
全栈程序员站长
2022/11/02
13.1K0
将多个属性传递给 Vue 组件的几种方式
所有使用基于组件的体系结构(如Vue和React)的开发人员都知道,创建可重用组件是很困难的,而且大多数情况下,最终会通过传入大量的属性,以便从外部更容易地控制和自定义组件。这并不坏,但是传递大量属性确实会变得有点麻烦和丑陋。
前端小智@大迁世界
2020/05/11
1.9K0
点击加载更多

相似问题

属性绑定不适用于[routerlink] ANGULAR

14

Angular 2-如何将参数传递给抽象服务

12

将变量传递给Angular routerLink

17

使用Angular 11的动态[routerLink]绑定

133

Angular 2-通过[routerLink]更改路线的单元测试

15
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文