首页 > 解决方案 > 使用带 queryParams 的角度路由器

问题描述

目前在 angular v8 上并使用 queryParams 进行一些网络调用。

问题在于角度查询参数如何将其传递给路由的格式。

例如....

当前网址:

/收件箱;姓名=123;标签=第一

我想要的网址:

/inbox?name=123&tab=first

我目前拥有的代码:

  onClick(report) {
    if(report) {
      this.router.navigate(['/inbox', { name: this.id, tab: this.tab }]);
    }
  }

标签: angularparameters

解决方案


使用它,它真的很容易阅读并为您提供很多有用的信息..

https://alligator.io/angular/query-parameters/

这是第一个例子:

goProducts() {
  this.router.navigate(['/products'], { queryParams: { order: 'popular' } });
}

推荐阅读