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

发布时间：2020-12-17 17:28:13 所属栏目：安全来源：网络整理

导读：我想实现queryParams可以动态传递它.现在我可以动态设置参数的值,但不能设置键这是我的代码 onItemClick(item: FilterItem,group: FilterGroup,i: number) { let navigationExtras: NavigationExtras = { queryParams: { name : group.items[i].param } };

我想实现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的“键”放在这样的对象中？

解决方法

这应该工作：

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

另见Creating object with dynamic keys

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!