在Angular 2中动态创建查询参数 [英] Dynamically create query Params in Angular 2

问题描述

我想实现可以动态传递queryParams的功能.现在，我可以动态设置参数的值，但不能设置键

这是我的代码

onItemClick(item: FilterItem, group: FilterGroup, i: number) {

    let navigationExtras: NavigationExtras = {
      queryParams: { name : group.items[i].param }
    };
     this.router.navigate(['/search'], navigationExtras);
  }

我不能将我的group.name代替"name"，它是一个字符串.我尝试过:

 queryParams: { group.name: group.items[i].param }

但是在这里我得到语法错误.我该如何通过这样的对象放置queryParam的键"?

解决方案

这应该有效:

  queryParams: { [group.name]: group.items[i].param }
 

另请参见使用动态键创建对象

i want to achieve that the queryParams can be dynmamically passed it. For now i can set the values of the params dynamically, but not the keys

Here is my Code

onItemClick(item: FilterItem, group: FilterGroup, i: number) {

    let navigationExtras: NavigationExtras = {
      queryParams: { name : group.items[i].param }
    };
     this.router.navigate(['/search'], navigationExtras);
  }

I cannot put instead of "name" my group.name which is a string. I tried this:

 queryParams: { group.name: group.items[i].param }

But here i get syntax error. How can i put the "key" of a queryParam through an object like that?

解决方案

This should work:

 queryParams: { [group.name]: group.items[i].param }

See also Creating object with dynamic keys

这篇关于在Angular 2中动态创建查询参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！