风雨砥砺,岁月如歌——Angular初入门之路由时数据传递

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Baronrothschlid/article/details/82728664

小编最近在接触Angular框架,略有收获,和大家分享一下:

在路由时传递数据的方式主要有三种:

第一:在查询参数中传递数据

路径后边通过"?"+"参数的名字"="参数的值"

这种方式传递的数据可以在路由的目标组件中通过"ActivateddRoute"的"queryParams[]"这个参数来获取到传递的数据,如下所示:

第二:在路由的路径中来传递数据

使用这种方式,在定义路由的路径时就需要指定参数的名字,然后在实际的路径中携带这个参数

这种方式传递的数据可以在路由的目标组件中通过"ActivateddRoute"的"Params[]"这个参数来获取到传递的数据,如下所示:

第三:在路由配置中传递数据

可以通过data这个参数定义一些静态的数据,data参数本身是个数组,可以通过这个数组定义多个对象,每个对象可以定义任意的一些属性。

这种方式传递的数据可以在路由的目标组件中通过"ActivateddRoute"的"data"拿到"data"参数所定义的数组,然后通过数组下标拿到指定的对象,然后访问其中的属性,来获取到你在路由定义中所传递的数据。

感谢您的阅读!

猜你喜欢

转载自blog.csdn.net/Baronrothschlid/article/details/82728664