angularjs2 路由之传参

1、首先开一下效果图

初始状态

点击英雄1

再次点击英雄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