Angularjs4.0路由的js跳转 获取get传值

幽梦林子

Angularjs4.0路由的js跳转 get传值是如何获取的呢？我们可以通过以下三个步骤来完成：


1.引入NavigationExtras

1. import { Router ,NavigationExtras,ActivatedRoute} from '@angular/router';

复制代码

2.定义一个goNewsContent方法执行跳转，用NavigationExtras配置传参

1. goNewsContent(){
   
2. 
   
3.       let navigationExtras: NavigationExtras = {
   
4.         queryParams: { 'session_id': '123' },
   
5.         fragment: 'anchor'
   
6.       };
   
7. 
   
8.       this.router.navigate(['/news'],navigationExtras);
   
9. 
   
10.   }
    

复制代码

3.获取get传值

1.   constructor(private route: ActivatedRoute) {
   
2. 
   
3.         console.log(this.route.queryParams);
   
4.   }

复制代码