Angular—路由传参-白红宇的个人博客

Angular—路由传参

发布日期：2021-06-29 11:16:04 浏览次数：2 分类：技术文章

本文共 442 字，大约阅读时间需要 1 分钟。

路由对象

在这里插入图片描述

两种路由跳转方式

1. 在页面中利用 RouterLink 指令

商品详情

2. 在控制器中利用 Router 对象

1）利用事件绑定

2) 利用Router对象的navigate方法

三种路由传参方式

1. 在查询参数中传递数据

形如以下形式：/product?id=1&name=2,接收时的形式：ActivatedRoute.queryParams[id]

2. 在路由路径中传递数据

形如以下形式：{path:/product/:id} => /product/1,接收时的形式：ActivatedRoute.params[id]

1)首先，要修改路由配置的形式

2）修改 RouterLink 指令

商品详情

3) 接收参数的方式不同

★ 注意：以上所讲的方式是参数快照的方式，即由自身路由到自身时，使用的还是一开始初始化的参数值，snapshot：快照的意思。如果我们有路由到自身的情况时要用参数订阅方式：

3. 在路由配置中传递数据

转载地址：https://blog.csdn.net/zwj_jyzl/article/details/89645151 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！

上一篇：ionic如何使用E-charts

下一篇：Angular—组件间通讯

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

推荐文章

在电网工作，有多高大上？ 2019-04-29

「2020年大学生电子设计竞赛分享」电源题，省一等奖！ 2019-04-29

又一国产开源微内核操作系统上线！源代码已开放下载 2019-04-29

10年老兵！从大学毕业生到嵌入式系统工程师的修炼之道…… 2019-04-29

如何才能学好单片机？ 2019-04-29

一根网线有这么多“花样”，你知道吗？ 2019-04-29

雷军1994年写的诗一样的代码，我把它运行起来了！ 2019-04-29

2020年大学生电子设计竞赛，B题，单相在线式不间断电源，详细技术方案！ 2019-04-29

大佬终于把鸿蒙OS讲明白了，收藏了！ 2019-04-29

C语言指针，这可能是史上最干最全的讲解啦（附代码）！！！ 2019-04-29

国内大陆有哪些芯片公司处于世界前10？一起看看！ 2019-04-29

单精度、双精度、多精度和混合精度计算的区别是什么? 2019-04-29

中国35位“大国工匠”榜单出炉！西工大、西电合计占半壁江山！清华仅1人！... 2019-04-29

知乎热议：嵌入式开发中C++好用吗？ 2019-04-29

2020，Python 已死？ 2019-04-29

漫画：程序员相亲？哈哈哈哈哈哈 2019-04-29

30种EMC标准电路分享，再不收藏就晚了！ 2019-04-29

这100道Linux常见面试题，看看你会多少？ 2019-04-29

十年硬件老司机，结合实际案例，带你探索单片机低功耗设计！ 2019-04-29

“2020年嵌入式软件秋招经验和对嵌入式软件未来的一点思考” 2019-04-29

白红宇的个人博客 - 记录点点滴滴的事 - 您是第 309807672 位访客