在Angular 2中动态创建查询参数

Question

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

这是我的代码

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

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

我不能把"name"代替我的group.name这是一个字符串.我试过这个:

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

但在这里我得到语法错误.如何将queryParam的"键"放在这样的对象中？

Answer 1

这应该工作:

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

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