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

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

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

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

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

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

 

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

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

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

 

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

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

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

 

感谢您的阅读！