angularjs2 路由之传参
1、首先开一下效果图
初始状态
文章图片
点击英雄1
文章图片
【angularjs2 路由之传参】再次点击英雄1
文章图片
注意到上面导航地址的变化了吗
http://localhost:4200/hero-list列表页
http://localhost:4200/hero/1英雄详情页
http://localhost:4200/hero-list;
id=1列表页
2、路由配置
文章图片
说明：参数是通过接收id，获取到的。
3、跳转的写法，2种写法
文章图片
4、看接收参数的ts
列表页面参数接收
文章图片
也就是接收http://localhost:4200/hero-list;
id=1 这个链接的id的值
文章图片
接收http://localhost:4200/hero/1 这个链接的值
5、最后会发现还有一个navigate这个东东
这个东西就是返回http://localhost:4200/hero-list;
id=1 这个链接的
文章图片
如果不会配置 先看一下我之前写的angularjs2 简单的路由跳转
https://blog.csdn.net/xcc_2269861428/article/details/81012910
推荐阅读
- 太平之莲
- 为什么你的路演总会超时（）
- 人生是一条孤独又迷茫的路
- 2019-07-04优美学子杨慧（创业路上，我不是一个人在战斗）
- 油菜花田的小路像绶带
- 北陸的雪
- 高大上还是路边摊
- 定投，开启个人品牌之路
- 我在一条路上走了5年
- Apache多路复用模块（MPMs）介绍