Angular4.0之路由传递数据的三种方式

时间:2021-05-24 18:33:39

一、在查询参数中传递数据(写在html上)

Angular4.0之路由传递数据的三种方式

/product是路由的路径,问号后面是传递的数据。如果想获取的是name值,就把【id】改为【name】。

Angular4.0之路由传递数据的三种方式Angular4.0之路由传递数据的三种方式

Angular4.0之路由传递数据的三种方式


二、在路由路径中传递数据(写在app.moudle.tsapp-routing.module.ts上)

Angular4.0之路由传递数据的三种方式

注意了,这里获取路由数据的写法跟上面的写法是不一样的

Angular4.0之路由传递数据的三种方式Angular4.0之路由传递数据的三种方式

Angular4.0之路由传递数据的三种方式Angular4.0之路由传递数据的三种方式

三、路由配置中传递数据

Angular4.0之路由传递数据的三种方式