angular5项目下利用router navigate实现页面跳转

1.需要引入

import {Router} from '@angular/router';

2.ts中添加触发方法

    navigate(){
        this.router.navigate(['targetRouter'], {
            queryParams: {
                id: this.selectedId,
            }
        });
    }

targetRouter:需要跳转到的路径

3.目标路径接受参数

  constructor(
        injector: Injector,
        private activatedRoute: ActivatedRoute,
        public router: Router
    ) {
        super(injector);
    }
在页面初始化时接受参数

   ngOnInit() {
        this.activatedRoute.queryParams.subscribe(queryParams => {
            let id = queryParams.id;
            if(queryParams!=null){
            ...
            }