angular 路由跳转带参数的两种方法

第一种：将值拼在url中传递

xxx-routing.module.ts:

{path: '6000/:error', component: Exception6000Component}

xxx.component.ts

let error = this.route.snapshot.paramMap.get('error');  //获取参数

xxx.ts

constructor(private injector: Injector, private router: Router) {
  this.injector.get(Router).navigateByUrl(`/6000/${error.error}`); //this.injector.get(Router) 可以换成 this.router

   或

   this.injector.get(Router).navigate(['/6000', error.error]);
}

第二种：将值作为参数传递

xxx-routing.module.ts:

{path: '6000', component: Exception6000Component}

xxx.component.ts

let error = this.route.queryParams['_value']['error'];  // ['_value'] 是固定写法

xxx.ts

 constructor(private injector: Injector, private router: Router) {
      this.injector.get(Router).navigate(['/6000'], {//this.injector.get(Router) 可以换成 this.router
        queryParams: {
           error: error.error
        }
      });
  }