我无法从 Angular 6 中的 Url 中提取查询参数

Question

我将 Id 作为参数传递给我 mu 路由路径，但是当我提取婴儿车时出现错误。

我尝试使用 route.params.subscribe() 方法抽象参数。

我以键名作为术语传递 ID 的方法

onEdit(id:string) {
    console.log(id);   
    this.router.navigate(['../UpdateOrganization',{ term: id }], { relativeTo: this.route }); 
  }

我的网址如下所示：-

http://localhost:4200/#/dashboard/UpdateOrganization;term=MSI3563

我从 url 中提取查询参数的方法

ngOnInit() {
    this.createFormControls();
    this.createForm();
    this.route.params.subscribe(params => {
      if (params['term']) {
        this.selectedId = params['term'];
      }
    });
    console.log(this.selectedId);
  }

我在控制台中收到以下错误消息

ERROR TypeError: Cannot read property 'params' of undefined

Answer 1

查询参数通常有一个？在他们之前的网址 所以http://localhost:4200/#/dashboard/UpdateOrganization;term=MSI3563 实际上应该是http://localhost:4200/#/dashboard/UpdateOrganization?term=MSI3563

我认为您从那里缺少 queryParams 对象 this.router.navigate(['../UpdateOrganization', { queryParams: { term: id }}], { relativeTo: this.route });

要阅读查询参数，您必须订阅 queryParams 而不是参数

  this.route.queryParams.subscribe(params => {
        this.param1 = params['term'];
    });

在构造函数中将路由设置为激活路由

constructor(private route: ActivatedRoute){}