Angular路由

Routes 路由配置，保存着哪个URL对应展示那个组件，以及在哪个RouterOutlet中展示组件。

RouteOutlet 在Html中标记路由内容呈现位置的占位符指令

Router 负责在运行时执行路由的对象，可以通过调用其navigate()和navigateByUrl()方法来导航到一个指定的路由。（在控制器里用）

RouterLink 在Html中声明路由导航用的指令。(在路由模板里使用)

ActivatedRoute 当前激活的路由对象，保存着当前路由的信息，如路由地址，路由参数等。

在路由时传递数据

1.在查询参数中传递数据

/product?id=1$name=2 => ActivatedRoute.queryPatams[id]

2.在路由的路径中传递数据

{path:/product/:id} => /product/1 => ActivatedRoute.params[id]

3.在路由配置中传递数据

{path:/product, component: ProductComponent, data:[{isProd:true}]}

=> ActivatedRoute.data[0][isProd]