Angular 通过navigationExtras为空的navigateByUrl传递值

Angular 通过navigationExtras为空的navigateByUrl传递值,angular,angular-router,Angular,Angular Router,嗨,我有一个函数,可以导航到另一个页面并将id传递给另一个组件,但它不会向另一个组件返回任何内容。不确定我做错了什么,有人能给我指出正确的方向吗 gotoConsulting(questionId: number): void { let navigationExtras: NavigationExtras = { queryParams: { 'origine': questionId.toString }, fragment: 'anchor' }

嗨,我有一个函数,可以导航到另一个页面并将id传递给另一个组件,但它不会向另一个组件返回任何内容。不确定我做错了什么,有人能给我指出正确的方向吗

gotoConsulting(questionId: number): void {   

   let navigationExtras: NavigationExtras = {
      queryParams: { 'origine': questionId.toString },
      fragment: 'anchor'
   };
  console.log("idquestion"  + questionId);
    this._router.navigateByUrl('/consulting',navigationExtras);
}
这里的组件得到重定向,但总是在视图中返回None

export class PageConsulting implements OnInit {

  origine: Observable<string>;

  constructor(private route: ActivatedRoute) {}

  ngOnInit(): void {
      this.origine = this.route
      .queryParamMap
      .map(params => params.get('origine') || 'None');
  }


}
导出类PageConsulting实现OnInit{
起源:可见;
构造函数(专用路由:ActivatedRoute){}
ngOnInit():void{
this.origine=this.route
.queryParamMap
.map(params=>params.get('origine')| |'None');
}
}

您应该使用
这个.router.navigate([redirect],navigationExtras)而不是
navigateByUrl

只有navigate具有参数navigationExtras

您可以参考下面的网站:


使用navigate()函数似乎会导致使用
的路线出现问题#Angular中的前缀

您如何认为它不会返回任何内容?如果删除| |无,它是否会返回错误或您试图获取的内容?@DarkVision您是否曾经通过navigateByUrl传递过值?鼓励链接到外部资源,但是,请在链接周围添加上下文,这样您的其他用户就会知道它是什么以及为什么会出现。始终引用重要链接中最相关的部分,以防无法访问目标站点或永久脱机。