ionic + angular项目中路由以及路由传参

ionic + angular项目中路由以及路由传参

一、路由跳转的几种方法

1、在html页面里可以用 [routerLink]="['/jiaowzx/addlaos']"，这种时候可以动态路由传参： 写法为这里的'updateByUserId'可以替换为数字或者其他的参数，这种的前提是要在配置路由的加/：参数变量，如：
2、在ts里传参，也就是在某个事件里写路由跳转或者传参

（1）注入：

（2）写事件–分为两种类型的参数传递：
第一种：
这个是传的整条数据，data是对象。
或者

这个传的是单个变量，也是对象类型。
以上的两种传递方式都算是一种，这种的接收需要先在constrocter里注入ActivatedRoute,然后再使用queryParams接收。如图

第二种
（1）配置路由的地方

（2）发起切换路由并传递的ts页面
------------------先注入Router

-----------事件发起

（3）需要接收的页面ts

在ts里的这两种传参方法可以混在一起用，我目前传参用的比较多的就是这种方法 ，也可以去学习一下其他的方法