Angular学习（五）[路由]

1.routerLinkActive

选中路由的一个样式，选中谁就给谁添加一个class

2.路由传值

配置动态路由，在path路径后添加 /:id

在跳转的链接后添加参数：

在新闻详情页面获取传过来的值

然后实例化ActivatedRoute 

获取值：

3.js跳转路由

先注入Router模块

实例化Router 

通过事件驱动跳转

跳到需要传值的模块

4. 路由的get传值

首先引入 NavigationExtras 模块，

配置get传值路由（以对象的形式可以传多个值key:value），以及跳转参数

获取get路由传过来的值

首先注入 ActivatedRoute 模块

实例化ActivatedRoute

通过queryParams接收传过来的值

5.父子路由，路由的嵌套

配置子路由：

要在父组件里添加router-outlet标签来放子路由

子组件的跳转链接：

配置默认加载的子路由

 

【完】