通过navigateByUrl传递值，其中navigationExtras为空

Question

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

gotoConsulting(questionId: number): void {   

   let navigationExtras: NavigationExtras = {
      queryParams: { 'origine': questionId.toString },
      fragment: 'anchor'
   };
  console.log("idquestion"  + questionId);
    this._router.navigateByUrl('/consulting',navigationExtras);
}

此处获取重定向但始终在视图中返回的组件无

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');
  }


}

Answer 1

你应该使用this.router.navigate([redirect], navigationExtras);而不是navigateByUrl。

只导航具有参数navigationExtras。

你可以参考下面的角度网站：

https://angular.io/api/router/NavigationExtras

Answer 2

使用navigate（）函数似乎会导致在Angular中使用!#前缀的路由出现问题