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

Question

我想实现查询参数可以动态传递给它。现在我可以动态设置参数的值，但不能动态设置键

这是我的代码

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 的“键”？

Answer 1

这应该有效:

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

另见 Creating object with dynamic keys