在Angular 2

时间:2017-03-19 17:26:33

标签: angular dynamic parameters routing

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

这是我的代码

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

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

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

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

但在这里我得到语法错误。我怎样才能把"键" queryParam通过这样的对象?

1 个答案:

答案 0 :(得分:5)

这应该有效:

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

另见Creating object with dynamic keys