2017-03-19 5 views
3

私は、queryParamsをダイナミックに渡すことができるようにしたいと考えています。今私は、動的のparamsの値を設定することができますが、ここでキー動的にクエリーParamsをAngular 2に作成する

は私のコード

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の "キー"を置くことができますか?

答えて

4

これは動作するはずです:

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

Creating object with dynamic keys

+0

参照してください男ああ、私はそんなに悪い午前:それは働いていたDのおかげで!! –

+0

喜んで聞いてください:) –

+0

'group.name'と' group.items [i] .param'が空白になるとどうなりますか?パラメータなしでリダイレクトされます...私はアンカーを動的にしたいそれらのうちのどのページにはパラメータがありません。応答は – Dipesh