文章/答案/技术大牛

发布

社区首页 >问答首页 >从angular中的url检索queryparams

问从angular中的url检索queryparams
EN

Stack Overflow用户

提问于 2019-02-18 17:19:13

回答 2查看 38关注 0票数 0

单击所需按钮后，我无法在url中看到queryparams。

以下是我的代码

html文件

<div class="row justify-content-center">

<div class="col-md-5 ">
<div class="list-group">
  <a class="list-group-item " [routerLink]="['/product']" 
  [queryParams]="{category:Bread}"
  >Bread</a>

  <a class="list-group-item " [routerLink]="['/product']"
  [queryParams]="{category:Dairy}"
  >Dairy</a>

  <a class="list-group-item " [routerLink]="['/product']"
  [queryParams]="{category:Fruits}"
  >Fruits</a>

  <a class="list-group-item " [routerLink]="['/product']"
  [queryParams]="{category:SeasoningsandSpices}"
  >Seasonings and Spices</a>

  <a class="list-group-item " [routerLink]="['/product']"
  [queryParams]="{category:Vegetbales}"
  >Vegetables</a>

</div>
</div>
</div>

我只被重定向到具有路由链接'/product‘的页面，但在url上看不到queryparams，如果有queryparams，我如何检索它？这是ss

https://ibb.co/DR0p9gz

angular

回答 2

Stack Overflow用户

发布于 2019-02-18 17:23:47

，但在url上看不到queryparams

您正在将queryParam的值作为静态值传递，因此需要将其括在引号中，如下所示-

<a class="list-group-item " [routerLink]="['/product']" 
  [queryParams]="{category:'Bread'}"
  >Bread</a>

如果有queryparams，我如何检索它

要获取组件中的查询参数，请在构造函数中使用如下代码：

    constructor(private route: ActivatedRoute){
      this.route.queryParams.subscribe(params => {
         // get params here with key name
      });
    }

票数 1

Stack Overflow用户

发布于 2019-02-18 17:23:30

使用ActivatedRoute从URL获取参数

private route: ActivatedRoute
this.route.queryParams.subscribe(params => {
         // get params
      });

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54743899

复制

相似问题

问从angular中的url检索queryparams
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从angular中的url检索queryparamsEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从angular中的url检索queryparams
EN