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

【问题标题】：Dynamically create query Params in Angular 2在 Angular 2 中动态创建查询参数
【发布时间】：2017-08-10 21:52:29
【问题描述】：

我想实现 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 的“键”？

【问题讨论】：

标签： angular dynamic parameters routing

【解决方案1】：

这应该可行：

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

另见Creating object with dynamic keys

【讨论】：

很高兴听到:)
如果我 group.name 和 group.items[i].param 为空白会发生什么...它会在没有参数的情况下重定向...我想为不同的页面设置动态锚点参数..请回复
对不起，不知道。试试看吧。
不能让它在模板中工作，例如[queryParams]="{[queryField]: queryValue}"。有什么想法吗？
我猜这个模板不支持。将其分配给comonents 类中的一个字段并绑定到该字段。